Refactor favicon links in Meta components

cthorne · May 15, 2024 · 5043b9c · 5043b9c
1 parent 051f439
commit 5043b9c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/layout/Meta/BoardHeadOverride.tsx b/src/components/layout/Meta/BoardHeadOverride.tsx
@@ -14,13 +14,13 @@ export const BoardHeadOverride = () => {
   return (
     <Head>
       <title>{title}</title>
-      <meta key="favicon" name="apple-mobile-web-app-title" content={title} />
+      <meta name="apple-mobile-web-app-title" content={title} />
 
       {faviconUrl && faviconUrl.length > 0 && (
         <>
-          <link rel="shortcut icon" href={faviconUrl} />
+          <link key="favicon" rel="shortcut icon" href={faviconUrl} />
 
-          <link rel="apple-touch-icon" href={faviconUrl} />
+          <link key="favicon-apple" rel="apple-touch-icon" href={faviconUrl} />
         </>
       )}
     </Head>

diff --git a/src/components/layout/Meta/CommonHead.tsx b/src/components/layout/Meta/CommonHead.tsx
@@ -12,7 +12,7 @@ export const CommonHead = () => {
       <link crossOrigin="use-credentials" rel="manifest" href="/site.webmanifest" />
 
       {/* configure apple splash screen & touch icon */}
-      <link rel="apple-touch-icon" href="/imgs/favicon/favicon.svg" />
+      <link key="favicon-apple" rel="apple-touch-icon" href="/imgs/favicon/favicon.svg" />
       <meta name="apple-mobile-web-app-title" content="Homarr" />
 
       <meta name="apple-mobile-web-app-capable" content="yes" />