extern/web-check
1
0
Fork 0
mirror of https://github.com/Lissy93/web-check.git synced 2024-11-25 09:43:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #156 from Its-Just-Nans/fix-cover

Browse Source 
Social Tags: change cover img code
This commit is contained in:
Alicia Sykes 2024-06-30 22:40:01 +01:00 committed by GitHub
commit 67cc4c5275
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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 tags = props.data;
return (
@ -36,7 +45,7 @@ const SocialTagsCard = (props: {data: any, title: string, actionButtons: any }):
{ tags.author && <Row lbl="Author" val={tags.author} />}
{ tags.publisher && <Row lbl="Publisher" val={tags.publisher} />}
{ 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>
);
}