From 8c0d7bae497b3e4257148180599456a98fc64cea Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Fri, 20 Jan 2023 15:56:20 +0100
Subject: [PATCH] include all favicons in favicon change

---
 public/index.html    |  2 +-
 public/scripts/ui.js | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index 9fc34e5..bbb4308 100644
--- a/public/index.html
+++ b/public/index.html
@@ -25,7 +25,7 @@
     <meta name="twitter:description" content="Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.">
     <meta name="og:description" content="Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.">
     <!-- Icons -->
-    <link rel="icon" id="favicon" sizes="96x96" href="images/favicon-96x96.png">
+    <link rel="icon" sizes="96x96" href="images/favicon-96x96.png">
     <link rel="shortcut icon" href="images/favicon-96x96.png">
     <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
     <meta name="msapplication-TileImage" content="images/mstile-150x150.png">
diff --git a/public/scripts/ui.js b/public/scripts/ui.js
index d6d6ee3..a8d592b 100644
--- a/public/scripts/ui.js
+++ b/public/scripts/ui.js
@@ -423,7 +423,7 @@ class Dialog {
             window.blur();
         }
         document.title = 'PairDrop';
-        document.getElementById('favicon').href = "images/favicon-96x96.png";
+        document.changeFavicon("images/favicon-96x96.png");
     }
 }
 
@@ -574,7 +574,7 @@ class ReceiveFileDialog extends ReceiveDialog {
 
         this.createPreviewElement(files[0]).then(_ => {
             document.title = `PairDrop - ${files.length} Files received`;
-            document.getElementById('favicon').href = "images/favicon-96x96-notification.png";
+            document.changeFavicon("images/favicon-96x96-notification.png");
             this.show();
             Events.fire('set-progress', {
                 peerId: peerId,
@@ -648,7 +648,7 @@ class ReceiveRequestDialog extends ReceiveDialog {
         }
 
         document.title = 'PairDrop - File Transfer Requested';
-        document.getElementById('favicon').href = "images/favicon-96x96-notification.png";
+        document.changeFavicon("images/favicon-96x96-notification.png");
         this.show()
     }
 
@@ -986,7 +986,7 @@ class ReceiveTextDialog extends Dialog {
             this.$text.textContent = text;
         }
         document.title = 'PairDrop - Message Received';
-        document.getElementById('favicon').href = "images/favicon-96x96-notification.png";
+        document.changeFavicon("images/favicon-96x96-notification.png");
         this.show();
         window.blop.play();
     }
@@ -1572,6 +1572,14 @@ Events.on('load', () => {
     };
     init();
     animate();
+
+    let icon = document.querySelector('[rel="icon"]'),
+        shortcutIcon = document.querySelector('[rel="shortcut icon"]');
+
+    document.changeFavicon = function (src) {
+        icon.href = src;
+        shortcutIcon.href = src;
+    }
 });
 
 // close About PairDrop page on Escape