t1c.dev
juli.ee
+1
-1
README.md
+1
-1
README.md
···
6
6
7
7
- Browse the public data on PDSes (Personal Data Servers).
8
8
- Login to manage records in your repository.
9
-
- Jetstream and firehose streaming.
9
+
- Jetstream and firehose (com.atproto.sync.subscribeRepos) streaming.
10
10
- Backlinks support with [constellation](https://constellation.microcosm.blue/).
11
11
- Query moderation labels.
12
12
+7
-6
src/layout.tsx
+7
-6
src/layout.tsx
···
46
46
});
47
47
});
48
48
49
-
const NavButton = (props: { href: string; label: string }) => {
49
+
const NavButton = (props: { href: string; label: string; icon: string }) => {
50
50
return (
51
51
<A
52
52
href={props.href}
53
53
onClick={() => setShowMenu(false)}
54
-
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"
54
+
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"
55
55
>
56
-
{props.label}
56
+
<span class={"iconify " + props.icon}></span>
57
+
<span>{props.label}</span>
57
58
</A>
58
59
);
59
60
};
···
92
93
ref={setMenu}
93
94
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"
94
95
>
95
-
<NavButton href="/jetstream" label="Jetstream" />
96
-
<NavButton href="/firehose" label="Firehose" />
97
-
<NavButton href="/settings" label="Settings" />
96
+
<NavButton href="/jetstream" label="Jetstream" icon="lucide--radio-tower" />
97
+
<NavButton href="/firehose" label="Firehose" icon="lucide--waves" />
98
+
<NavButton href="/settings" label="Settings" icon="lucide--settings" />
98
99
<ThemeSelection />
99
100
</div>
100
101
</Show>
+2
-2
src/views/stream.tsx
+2
-2
src/views/stream.tsx
···
155
155
inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
156
156
href="/jetstream"
157
157
>
158
-
<span class="iconify lucide--wind"></span>
158
+
<span class="iconify lucide--radio-tower"></span>
159
159
Jetstream
160
160
</A>
161
161
<A
···
163
163
inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
164
164
href="/firehose"
165
165
>
166
-
<span class="iconify lucide--fire-extinguisher"></span>
166
+
<span class="iconify lucide--waves"></span>
167
167
Firehose
168
168
</A>
169
169
</div>