From 2408e7d30a20f500d24db0daaa34286064ea2303 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 26 May 2024 00:10:04 -0500
Subject: [PATCH] Fix share tag formatting

---
 src/image-response/TagImageResponse.tsx | 8 ++++----
 src/tag/index.ts                        | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/image-response/TagImageResponse.tsx b/src/image-response/TagImageResponse.tsx
index d5f11817..fe895823 100644
--- a/src/image-response/TagImageResponse.tsx
+++ b/src/image-response/TagImageResponse.tsx
@@ -4,7 +4,7 @@ import ImageCaption from './components/ImageCaption';
 import ImagePhotoGrid from './components/ImagePhotoGrid';
 import ImageContainer from './components/ImageContainer';
 import type { NextImageSize } from '@/services/next-image';
-import { isTagFavs } from '@/tag';
+import { formatTag, isTagFavs } from '@/tag';
 
 export default function TagImageResponse({
   tag,
@@ -43,18 +43,18 @@ export default function TagImageResponse({
               transform: `translateY(${height * .0095}px)`,
               // Fix horizontal distortion in icon size
               width: height * .076,
-              marginRight: height * .01,
+              marginRight: height * .015,
             }}
           />
           : <FaTag
             size={height * .06}
             style={{
               transform: `translateY(${height * .016}px)`,
-              marginRight: height * .015,
+              marginRight: height * .02,
             }}
           />,
       }}>
-        {tag.toLocaleUpperCase()}
+        {formatTag(tag).toLocaleUpperCase()}
       </ImageCaption>
     </ImageContainer>
   );
diff --git a/src/tag/index.ts b/src/tag/index.ts
index 8498a7e2..c9914eeb 100644
--- a/src/tag/index.ts
+++ b/src/tag/index.ts
@@ -36,7 +36,7 @@ export const titleForTag = (
 ].join(' ');
 
 export const shareTextForTag = (tag: string) =>
-  isTagFavs(tag) ? 'Favorite photos' : `Photos tagged '${tag}'`;
+  isTagFavs(tag) ? 'Favorite photos' : `Photos tagged '${formatTag(tag)}'`;
 
 export const sortTags = (
   tags: string[],