Show toast when offline

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+# 0.4.7
+
+- [x] Show toast when offline
+
 # 0.4.6
 
 - [x] Improve search results loading indicator

src/partials/Toast.svelte

@@ -21,6 +21,16 @@
   export const showWarning = (message, opts = {}) => showToast({message, theme: "warning", ...opts})
 
   export const showPublishInfo = (pub, opts = {}) => showToast({pub, type: "publish", ...opts})
+
+  window.addEventListener('online', () => {
+    if (toast.get()?.id === 'offline') {
+      toast.set(null)
+    }
+  })
+
+  window.addEventListener('offline', () => {
+    showInfo("You are currently offline.", {id: 'offline', timeout: null})
+  })
 </script>
 
 <script lang="ts">