tynanpurdy.com
Fork of atp.tools as a universal profile for people on the ATmosphere
add proper titling
+23
-1
+1
-1
index.html
+1
-1
index.html
+7
src/hooks/useDocumentTitle.tsx
+7
src/hooks/useDocumentTitle.tsx
+7
src/routes/at:/$handle.$collection.$rkey.lazy.tsx
+7
src/routes/at:/$handle.$collection.$rkey.lazy.tsx
···
1
1
import { RenderJson } from "@/components/renderJson";
2
+
import { useDocumentTitle } from "@/hooks/useDocumentTitle";
2
3
import { QtClient, useXrpc } from "@/providers/qtprovider";
3
4
import "@atcute/bluesky/lexicons";
4
5
import {
···
95
96
handle,
96
97
collection,
97
98
rkey,
99
+
);
100
+
101
+
useDocumentTitle(
102
+
repoInfo
103
+
? `${repoInfo?.handle ? `${repoInfo.handle} | ` : ""}${collection} | atp.tools`
104
+
: "atp.tools",
98
105
);
99
106
100
107
if (error) {
+5
src/routes/at:/$handle.index.tsx
+5
src/routes/at:/$handle.index.tsx
···
1
1
import RepoIcons from "@/components/repoIcons";
2
+
import { useDocumentTitle } from "@/hooks/useDocumentTitle";
2
3
import { QtClient, useXrpc } from "@/providers/qtprovider";
3
4
import "@atcute/bluesky/lexicons";
4
5
import {
···
28
29
isLoading: true,
29
30
error: null,
30
31
});
32
+
33
+
useDocumentTitle(
34
+
state.data?.handle ? `${state.data.handle} | atp.tools` : "atp.tools",
35
+
);
31
36
32
37
useEffect(() => {
33
38
const abortController = new AbortController();
+3
src/routes/at:/$handle/$collection.index.lazy.tsx
+3
src/routes/at:/$handle/$collection.index.lazy.tsx
···
1
+
import { useDocumentTitle } from "@/hooks/useDocumentTitle";
1
2
import { QtClient } from "@/providers/qtprovider";
2
3
import { ComAtprotoRepoListRecords } from "@atcute/client/lexicons";
3
4
import {
···
88
89
const { records, identity, isLoading, error, fetchMore, cursor } =
89
90
useCollectionRecords(handle, collection);
90
91
const loaderRef = useRef<HTMLDivElement>(null);
92
+
93
+
useDocumentTitle(records ? `${collection} | atp.tools` : "atp.tools");
91
94
92
95
useEffect(() => {
93
96
if (!loaderRef.current) return;