From b40963ec52f5b80693d66d4215d0a9b83e591fd0 Mon Sep 17 00:00:00 2001
From: Snowknight26 <Snowknight26@users.noreply.github.com>
Date: Mon, 10 Feb 2025 18:00:37 -0600
Subject: [PATCH] fix(web): Update shared link Exif capitalization to match
 existing capitalization (#16010)

Update shared link Exif capitalization to match existing capitalization
---
 .../album-page/album-shared-link.svelte       | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/web/src/lib/components/album-page/album-shared-link.svelte b/web/src/lib/components/album-page/album-shared-link.svelte
index 55c08c4d12c88..2b02eb8e071bb 100644
--- a/web/src/lib/components/album-page/album-shared-link.svelte
+++ b/web/src/lib/components/album-page/album-shared-link.svelte
@@ -12,29 +12,30 @@
   };
 
   const { album, sharedLink }: Props = $props();
+
+  const getShareProperties = () =>
+    [
+      DateTime.fromISO(sharedLink.createdAt).toLocaleString(
+        {
+          month: 'long',
+          day: 'numeric',
+          year: 'numeric',
+        },
+        { locale: $locale },
+      ),
+      sharedLink.allowUpload && $t('upload'),
+      sharedLink.allowDownload && $t('download'),
+      sharedLink.showMetadata && $t('exif').toUpperCase(),
+      sharedLink.password && $t('password'),
+    ]
+      .filter(Boolean)
+      .join(' • ');
 </script>
 
 <div class="flex justify-between items-center">
   <div class="flex flex-col gap-1">
     <Text size="small">{sharedLink.description || album.albumName}</Text>
-    <Text size="tiny" color="muted"
-      >{[
-        DateTime.fromISO(sharedLink.createdAt).toLocaleString(
-          {
-            month: 'long',
-            day: 'numeric',
-            year: 'numeric',
-          },
-          { locale: $locale },
-        ),
-        sharedLink.allowUpload && $t('upload'),
-        sharedLink.allowDownload && $t('download'),
-        sharedLink.showMetadata && $t('exif'),
-        sharedLink.password && $t('password'),
-      ]
-        .filter(Boolean)
-        .join(' • ')}</Text
-    >
+    <Text size="tiny" color="muted">{getShareProperties()}</Text>
   </div>
   <SharedLinkCopy link={sharedLink} />
 </div>