From eed43d760e8c03c32a47fdfb885d8c2d0d405eaf Mon Sep 17 00:00:00 2001
From: Yossi Saadi <yossisa@monday.com>
Date: Thu, 5 Dec 2024 17:26:21 +0200
Subject: [PATCH 1/2] docs: show different favicon for dev mode

---
 packages/core/.storybook/manager-head.html      |  10 +++++++++-
 packages/core/.storybook/static/favicon-dev.ico | Bin 0 -> 15406 bytes
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 packages/core/.storybook/static/favicon-dev.ico

diff --git a/packages/core/.storybook/manager-head.html b/packages/core/.storybook/manager-head.html
index 28de9e7e0a..4469b0b14f 100644
--- 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
new file mode 100644
index 0000000000000000000000000000000000000000..ba15320e491a10111d63b3f3e94d430f54539626
GIT binary patch
literal 15406
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
K9SICZ0{;h;a%Els

literal 0
HcmV?d00001


From f7f9b66966a930aa7b4052d4257c9e7f3606886d Mon Sep 17 00:00:00 2001
From: Yossi Saadi <yossisa@monday.com>
Date: Thu, 5 Dec 2024 18:07:46 +0200
Subject: [PATCH 2/2] docs: favicon always exists, just change if localhost

---
 packages/core/.storybook/manager-head.html | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/core/.storybook/manager-head.html b/packages/core/.storybook/manager-head.html
index 4469b0b14f..80d7dd4962 100644
--- a/packages/core/.storybook/manager-head.html
+++ b/packages/core/.storybook/manager-head.html
@@ -3,14 +3,11 @@
 <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>
-
 <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";
+  const faviconLink = document.querySelector("link[rel='icon']");
+  if (import.meta.url.includes("localhost")) {
+    faviconLink.href = "/favicon-dev.ico";
   }
 </script>
 <style>