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

Tweak photo tag layout

Browse Source
This commit is contained in:
Sam Becker 2023-09-18 20:03:50 -05:00
parent 552d4c4c12
commit 44027408a2
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/photo/PhotoLarge.tsx
View File

@ -18,6 +18,8 @@ export default function PhotoLarge({
priority?: boolean priority?: boolean
prefetchShare?: boolean prefetchShare?: boolean
}) { }) {
const tagsToShow = photo.tags.filter(t => t !== tag);
const renderMiniGrid = (children: JSX.Element) => const renderMiniGrid = (children: JSX.Element) =>
<div className={cc( <div className={cc(
'flex gap-y-4', 'flex gap-y-4',
@ -49,14 +51,16 @@ export default function PhotoLarge({
'mb-4', 'mb-4',
)}> )}>
{renderMiniGrid(<> {renderMiniGrid(<>
<Link <div>
href={pathForPhoto(photo, tag)} <Link
className="font-bold uppercase" href={pathForPhoto(photo, tag)}
> className="font-bold uppercase"
{titleForPhoto(photo)} >
</Link> {titleForPhoto(photo)}
{photo.tags.length > 0 && </Link>
<PhotoTags tags={photo.tags} />} {tagsToShow.length > 0 &&
<PhotoTags tags={tagsToShow} />}
</div>
<div className="uppercase"> <div className="uppercase">
{photo.make} {photo.model} {photo.make} {photo.model}
</div> </div>