extern/web-check
1
0
Fork 0
mirror of https://github.com/Lissy93/web-check.git synced 2025-05-14 19:24:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

change cover img

Browse Source
This commit is contained in:
n4n5 2024-06-30 19:21:39 +02:00
parent 9512595e21
commit db242fb980
No known key found for this signature in database
GPG Key ID: 79414EADC6D4B457
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/web-check-live/components/Results/SocialTags.tsx
View File

@ -17,6 +17,15 @@ const cardStyles = `
} }
`; `;
const OgBanner = ({ ogImage, ogUrl }: { ogImage: string; ogUrl?: string }): JSX.Element => {
const urlCover = ogImage.startsWith("/") && ogUrl ? `${ogUrl}${ogImage}` : ogImage;
return (
<div className="banner-image">
<img src={urlCover} alt="Banner" />
</div>
);
};
const SocialTagsCard = (props: {data: any, title: string, actionButtons: any }): JSX.Element => { const SocialTagsCard = (props: {data: any, title: string, actionButtons: any }): JSX.Element => {
const tags = props.data; const tags = props.data;
return ( return (
@ -36,7 +45,7 @@ const SocialTagsCard = (props: {data: any, title: string, actionButtons: any }):
{ tags.author && <Row lbl="Author" val={tags.author} />} { tags.author && <Row lbl="Author" val={tags.author} />}
{ tags.publisher && <Row lbl="Publisher" val={tags.publisher} />} { tags.publisher && <Row lbl="Publisher" val={tags.publisher} />}
{ tags.generator && <Row lbl="Generator" val={tags.generator} />} { tags.generator && <Row lbl="Generator" val={tags.generator} />}
{ tags.ogImage && <div className="banner-image"><img src={tags.ogImage} alt="Banner" /></div> } {tags.ogImage && <OgBanner ogImage={tags.ogImage} ogUrl={tags.ogUrl} />}
</Card> </Card>
); );
} }