feat: add DISABLE_FAVICON feature flag

2024-02-07 11:48:03 +00:00
parent 6ec5872391
commit e6b806616f
7 changed files with 24 additions and 8 deletions
--- a/packages/web/public/browser-tab.ico
+++ b/packages/web/public/browser-tab.ico
--- a/packages/web/public/index.html
+++ b/packages/web/public/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#0059F7" />
    <meta
--- a/packages/web/public/manifest.json
+++ b/packages/web/public/manifest.json
@@ -2,13 +2,6 @@
  "short_name": "automatisch",
  "name": "automatisch",
  "description": "Build workflow automation without spending time and money. No code is required.",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
--- a/packages/web/src/components/MetadataProvider/index.tsx
+++ b/packages/web/src/components/MetadataProvider/index.tsx
@@ -15,6 +15,27 @@ const MetadataProvider = ({
    document.title = (config?.title as string) || 'Automatisch';
  }, [config?.title]);

+  React.useEffect(() => {
+    const existingFaviconElement = document.querySelector(
+      "link[rel~='icon']"
+    ) as HTMLLinkElement | null;
+
+    if (config?.disableFavicon === true) {
+      existingFaviconElement?.remove();
+    }
+
+    if (config?.disableFavicon === false) {
+      if (existingFaviconElement) {
+        existingFaviconElement.href = '/browser-tab.ico';
+      } else {
+        const newFaviconElement = document.createElement('link');
+        newFaviconElement.rel = 'icon';
+        document.head.appendChild(newFaviconElement);
+        newFaviconElement.href = '/browser-tab.ico';
+      }
+    }
+  }, [config?.disableFavicon]);
+
  return <>{children}</>;
 };