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