Extract component

This commit is contained in:
Marcus Blättermann 2023-01-24 08:17:33 +01:00
parent f9e020dd67
commit a2d554aa14
No known key found for this signature in database
GPG Key ID: A1E1F04008AC450D

View File

@ -195,6 +195,19 @@ const SpaCyVersion = ({ version }) => {
))
}
const ImageGitHub = ({ url }) => (
// eslint-disable-next-line @next/next/no-img-element
<img
style={{
borderRadius: '1em',
marginRight: '0.5rem',
verticalAlign: 'middle',
}}
src={`https://img.shields.io/github/${url}`}
alt=""
/>
)
const Project = ({ data, components }) => (
<>
<Title title={data.title || data.id} teaser={data.slogan} image={data.thumb}>
@ -203,23 +216,11 @@ const Project = ({ data, components }) => (
{data.spacy_version && <SpaCyVersion version={data.spacy_version} />}
{data.github && (
<Link to={`https://github.com/${data.github}`} hidden>
{[
`release/${data.github}/all.svg?style=flat-square`,
`license/${data.github}.svg?style=flat-square`,
`stars/${data.github}.svg?style=social&label=Stars`,
].map((url, i) => (
// eslint-disable-next-line @next/next/no-img-element
<img
style={{
borderRadius: '1em',
marginRight: '0.5rem',
verticalAlign: 'middle',
}}
key={i}
src={`https://img.shields.io/github/${url}`}
alt=""
/>
))}
<ImageGitHub url={`release/${data.github}/all.svg?style=flat-square`} />
<ImageGitHub url={`license/${data.github}.svg?style=flat-square`} />
<ImageGitHub
url={`stars/${data.github}.svg?style=social&label=Stars`}
/>
</Link>
)}
</p>