From 387c2ad83cebbbf42eca9a6034d43c1be40874b9 Mon Sep 17 00:00:00 2001
From: Juliet <m@juli.ee>
Date: Thu, 4 Sep 2025 12:16:28 +0200
Subject: [PATCH] update relay icons

---
 README.md            |  2 +-
 src/layout.tsx       | 13 +++++++------
 src/views/stream.tsx |  4 ++--
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 5efdf4b..0b282a0 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ Lightweight and client-side web app to navigate [atproto](https://atproto.com/).
 
 - Browse the public data on PDSes (Personal Data Servers).
 - Login to manage records in your repository.
-- Jetstream and firehose streaming.
+- Jetstream and firehose (com.atproto.sync.subscribeRepos) streaming.
 - Backlinks support with [constellation](https://constellation.microcosm.blue/).
 - Query moderation labels.
 
diff --git a/src/layout.tsx b/src/layout.tsx
index e1b4c5a..6359ce4 100644
--- a/src/layout.tsx
+++ b/src/layout.tsx
@@ -46,14 +46,15 @@ const Layout = (props: RouteSectionProps<unknown>) => {
     });
   });
 
-  const NavButton = (props: { href: string; label: string }) => {
+  const NavButton = (props: { href: string; label: string; icon: string }) => {
     return (
       <A
         href={props.href}
         onClick={() => setShowMenu(false)}
-        class="rounded-lg p-1 hover:bg-neutral-200/50 active:bg-neutral-200/50 dark:hover:bg-neutral-700 dark:active:bg-neutral-700"
+        class="flex items-center gap-1 rounded-lg p-1 hover:bg-neutral-200/50 active:bg-neutral-200/50 dark:hover:bg-neutral-700 dark:active:bg-neutral-700"
       >
-        {props.label}
+        <span class={"iconify " + props.icon}></span>
+        <span>{props.label}</span>
       </A>
     );
   };
@@ -92,9 +93,9 @@ const Layout = (props: RouteSectionProps<unknown>) => {
                 ref={setMenu}
                 class="dark:bg-dark-300 absolute top-8 right-0 z-20 flex flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-3 text-sm shadow-md dark:border-neutral-700"
               >
-                <NavButton href="/jetstream" label="Jetstream" />
-                <NavButton href="/firehose" label="Firehose" />
-                <NavButton href="/settings" label="Settings" />
+                <NavButton href="/jetstream" label="Jetstream" icon="lucide--radio-tower" />
+                <NavButton href="/firehose" label="Firehose" icon="lucide--waves" />
+                <NavButton href="/settings" label="Settings" icon="lucide--settings" />
                 <ThemeSelection />
               </div>
             </Show>
diff --git a/src/views/stream.tsx b/src/views/stream.tsx
index ace5d65..9598593 100644
--- a/src/views/stream.tsx
+++ b/src/views/stream.tsx
@@ -155,7 +155,7 @@ const StreamView = () => {
           inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
           href="/jetstream"
         >
-          <span class="iconify lucide--wind"></span>
+          <span class="iconify lucide--radio-tower"></span>
           Jetstream
         </A>
         <A
@@ -163,7 +163,7 @@ const StreamView = () => {
           inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
           href="/firehose"
         >
-          <span class="iconify lucide--fire-extinguisher"></span>
+          <span class="iconify lucide--waves"></span>
           Firehose
         </A>
       </div>
-- 
2.51.2