From 5e0236dff562d5dd47443ea256bda1129b23ff06 Mon Sep 17 00:00:00 2001
From: Send_Nukez <erikjulius2701@yahoo.de>
Date: Fri, 26 Nov 2021 04:04:30 +0100
Subject: [PATCH] improve offline icon handling

---
 src/js/main.js | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/js/main.js b/src/js/main.js
index d51eae4..b103a12 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -829,18 +829,25 @@ Dribbblish.on("ready", () => {
     checkForUpdate();
 
     // Show "Offline" info
-    window.addEventListener("offline", () =>
-        Dribbblish.info.set("offline", {
-            tooltip: "Offline",
-            icon: iconWifiSlash(),
-            order: 998,
-            color: {
-                fg: "#ffffff",
-                bg: "#ff2323"
-            }
-        })
-    );
-    window.addEventListener("online", () => Dribbblish.info.remove("offline"));
+    function offlineInfo(show) {
+        Dribbblish.info.set(
+            "offline",
+            show
+                ? {
+                      tooltip: "Offline",
+                      icon: iconWifiSlash(),
+                      order: 998,
+                      color: {
+                          fg: "#ffffff",
+                          bg: "#ff2323"
+                      }
+                  }
+                : null
+        );
+    }
+    window.addEventListener("offline", () => offlineInfo(true));
+    window.addEventListener("online", () => offlineInfo(false));
+    offlineInfo(!navigator.onLine);
 
     // Show "Dev" info
     const isDev = process.env.DRIBBBLISH_VERSION == "Dev";