atmosphere explorer
pds.ls
tool
typescript
atproto
add firehose link to pds tabs
+10
-18
+10
-18
src/views/pds.tsx
+10
-18
src/views/pds.tsx
···
5
5
import { A, useLocation, useParams } from "@solidjs/router";
6
6
import { createResource, createSignal, For, Show } from "solid-js";
7
7
import { Button } from "../components/button";
8
-
import { CopyMenu, DropdownMenu, MenuProvider, NavMenu } from "../components/dropdown";
9
8
import { Modal } from "../components/modal";
10
9
import { setPDS } from "../components/navbar";
11
10
import Tooltip from "../components/tooltip";
···
137
136
);
138
137
};
139
138
140
-
const Tab = (props: { tab: "repos" | "info"; label: string }) => (
139
+
const Tab = (props: { tab: "repos" | "info" | "firehose"; label: string }) => (
141
140
<A
142
141
classList={{
143
142
"border-b-2": true,
···
145
144
(!!location.hash && location.hash !== `#${props.tab}`) ||
146
145
(!location.hash && props.tab !== "repos"),
147
146
}}
148
-
href={`/${params.pds}#${props.tab}`}
147
+
href={
148
+
props.tab === "firehose" ?
149
+
`/firehose?instance=wss://${params.pds}`
150
+
: `/${params.pds}#${props.tab}`
151
+
}
149
152
>
150
153
{props.label}
151
154
</A>
···
154
157
return (
155
158
<Show when={repos() || response()}>
156
159
<div class="flex w-full flex-col">
157
-
<div class="mb-3 flex w-full justify-between px-2 text-sm sm:text-base">
158
-
<div class="flex items-center gap-3">
159
-
<Tab tab="repos" label="Repositories" />
160
-
<Tab tab="info" label="Info" />
161
-
</div>
162
-
<MenuProvider>
163
-
<DropdownMenu icon="lucide--ellipsis-vertical" buttonClass="rounded-md p-1.5">
164
-
<CopyMenu content={params.pds!} label="Copy PDS" icon="lucide--copy" />
165
-
<NavMenu
166
-
href={`/firehose?instance=wss://${params.pds}`}
167
-
label="Firehose"
168
-
icon="lucide--radio-tower"
169
-
/>
170
-
</DropdownMenu>
171
-
</MenuProvider>
160
+
<div class="mb-3 flex gap-3 px-2 text-sm sm:text-base">
161
+
<Tab tab="repos" label="Repositories" />
162
+
<Tab tab="info" label="Info" />
163
+
<Tab tab="firehose" label="Firehose" />
172
164
</div>
173
165
<div class="flex flex-col gap-1 px-2">
174
166
<Show when={!location.hash || location.hash === "#repos"}>