docs: show different favicon for dev mode

mondaycom · Dec 5, 2024 · eed43d7 · eed43d7
1 parent c83a4c4
commit eed43d7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/core/.storybook/manager-head.html b/packages/core/.storybook/manager-head.html
@@ -3,8 +3,16 @@
 <meta property="og:title" content="Vibe Design System" />
 <meta property="og:image" content="https://irp.cdn-website.com/33477119/dms3rep/multi/og-banner.jpeg" />
 <title>Vibe Design System</title>
-<link rel="shortcut icon" href="/favicon.ico" />
+
 <script src="https://use.fontawesome.com/660238b999.js"></script>
+<script type="module">
+  if (!document.querySelector("link[rel~='icon']")) {
+    faviconLink = document.createElement("link");
+    faviconLink.rel = "icon";
+    document.head.appendChild(faviconLink);
+    faviconLink.href = import.meta.url.includes("localhost") ? "/favicon-dev.ico" : "/favicon.ico";
+  }
+</script>
 <style>
   body {
     font-family: "Figtree", sans-serif;

diff --git a/packages/core/.storybook/static/favicon-dev.ico b/packages/core/.storybook/static/favicon-dev.ico