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 }) => ( const Project = ({ data, components }) => (
<> <>
<Title title={data.title || data.id} teaser={data.slogan} image={data.thumb}> <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.spacy_version && <SpaCyVersion version={data.spacy_version} />}
{data.github && ( {data.github && (
<Link to={`https://github.com/${data.github}`} hidden> <Link to={`https://github.com/${data.github}`} hidden>
{[ <ImageGitHub url={`release/${data.github}/all.svg?style=flat-square`} />
`release/${data.github}/all.svg?style=flat-square`, <ImageGitHub url={`license/${data.github}.svg?style=flat-square`} />
`license/${data.github}.svg?style=flat-square`, <ImageGitHub
`stars/${data.github}.svg?style=social&label=Stars`, url={`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=""
/>
))}
</Link> </Link>
)} )}
</p> </p>