forked from
pds.ls/pdsls
atproto explorer
add homepage
+43
-2
+41
-1
src/App.tsx
+41
-1
src/App.tsx
···
279
279
);
280
280
};
281
281
282
+
const Home: Component = () => {
283
+
return (
284
+
<div class="flex flex-col break-words font-sans text-slate-800 dark:text-slate-200">
285
+
<div>
286
+
<span class="font-semibold text-orange-400">PDS URL</span> (https://
287
+
required):
288
+
<div>
289
+
<A href="/pds.bsky.mom" class="text-lightblue-500 hover:underline">
290
+
https://pds.bsky.mom
291
+
</A>
292
+
</div>
293
+
</div>
294
+
<div>
295
+
<span class="font-semibold text-orange-400">AT URI</span> (at://
296
+
optional, DID or handle alone also works):
297
+
<div>
298
+
<A
299
+
href="/at/did:plc:oisofpd7lj26yvgiivf3lxsi/app.bsky.feed.post/3l2zpbbhuvw2h"
300
+
class="text-lightblue-500 hover:underline"
301
+
>
302
+
at://did:plc:oisofpd7lj26yvgiivf3lxsi/app.bsky.feed.post/3l2zpbbhuvw2h
303
+
</A>
304
+
</div>
305
+
</div>
306
+
<div>
307
+
<span class="font-semibold text-orange-400">Bluesky Link</span> (posts
308
+
and profiles):
309
+
<div>
310
+
<A
311
+
href="/at/did:plc:ia76kvnndjutgedggx2ibrem/app.bsky.feed.post/3kenlltlvus2u"
312
+
class="text-lightblue-500 hover:underline"
313
+
>
314
+
https://bsky.app/profile/mary.my.id/post/3kenlltlvus2u
315
+
</A>
316
+
</div>
317
+
</div>
318
+
</div>
319
+
);
320
+
};
321
+
282
322
const Layout: Component<RouteSectionProps<unknown>> = (props) => {
283
323
const params = useParams();
284
324
const [pdsList, setPdsList] = createSignal<any>();
···
413
453
);
414
454
};
415
455
416
-
export { Layout, PdsView, RepoView, CollectionView, RecordView };
456
+
export { Layout, Home, PdsView, RepoView, CollectionView, RecordView };
+2
-1
src/index.tsx
+2
-1
src/index.tsx
···
10
10
PdsView,
11
11
RecordView,
12
12
RepoView,
13
+
Home,
13
14
} from "./App.tsx";
14
15
15
16
render(
16
17
() => (
17
18
<Router root={Layout}>
18
-
<Route path="/" component={() => <></>} />
19
+
<Route path="/" component={Home} />
19
20
<Route path="/:pds" component={PdsView} />
20
21
<Route path="/:pds/:repo" component={RepoView} />
21
22
<Route path="/:pds/:repo/:collection" component={CollectionView} />