From 44027408a2e5ea5c99cdd56eeded995b2ecb10ea Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 18 Sep 2023 20:03:50 -0500
Subject: [PATCH] Tweak photo tag layout

---
 src/photo/PhotoLarge.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

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