strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Only show photo info overlay in og images when exif data is present

Browse Source
This commit is contained in:
Sam Becker 2024-01-21 12:38:36 -06:00
parent 5c07cf22f4
commit abf3fc34ed
1 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/photo/image-response/PhotoImageResponse.tsx
View File

@ -1,4 +1,4 @@
import { Photo } from '..';
import { Photo, photoHasExifData } from '..';
import { AiFillApple } from 'react-icons/ai';
import ImageCaption from './components/ImageCaption';
import ImagePhotoGrid from './components/ImagePhotoGrid';
@ -30,25 +30,26 @@ export default function PhotoImageResponse({
height,
...OG_TEXT_BOTTOM_ALIGNMENT && { imagePosition: 'top' },
}} />
<ImageCaption {...{ width, height, fontFamily }}>
{photo.make === 'Apple' &&
{photoHasExifData(photo) &&
<ImageCaption {...{ width, height, fontFamily }}>
{photo.make === 'Apple' &&
<div style={{ display: 'flex' }}>
<AiFillApple />
</div>}
{model &&
<div style={{ display: 'flex' }}>
{model}
</div>}
<div style={{ display: 'flex' }}>
<AiFillApple />
</div>}
{model &&
{photo.focalLengthFormatted}
</div>
<div style={{ display: 'flex' }}>
{model}
</div>}
<div style={{ display: 'flex' }}>
{photo.focalLengthFormatted}
</div>
<div style={{ display: 'flex' }}>
{photo.fNumberFormatted}
</div>
<div>
{photo.isoFormatted}
</div>
</ImageCaption>
{photo.fNumberFormatted}
</div>
<div>
{photo.isoFormatted}
</div>
</ImageCaption>}
</ImageContainer>
);
};