1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
"use client";
import { ActionButton } from "@/components/ui/action-button";
import LoadingSpinner from "@/components/ui/spinner";
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from "@/components/ui/table";
import { toast } from "@/components/ui/use-toast";
import { api } from "@/lib/trpc";
import { keepPreviousData } from "@tanstack/react-query";
import { useSession } from "next-auth/react";
import { useRouter } from "next/navigation";
export default function AdminPage() {
const router = useRouter();
const { data: session, status } = useSession();
if (status == "loading") {
return <LoadingSpinner />;
}
if (!session || session.user.role != "admin") {
router.push("/");
return;
}
const { data } = api.admin.stats.useQuery(undefined, {
refetchInterval: 1000,
placeholderData: keepPreviousData,
});
const { mutate: recrawlLinks, isPending: isRecrawlPending } =
api.admin.recrawlAllLinks.useMutation({
onSuccess: () => {
toast({
description: "Recrawl enqueued",
});
},
onError: (e) => {
toast({
variant: "destructive",
description: e.message,
});
},
});
const { mutate: reindexBookmarks, isPending: isReindexPending } =
api.admin.reindexAllBookmarks.useMutation({
onSuccess: () => {
toast({
description: "Reindex enqueued",
});
},
onError: (e) => {
toast({
variant: "destructive",
description: e.message,
});
},
});
return (
<div className="m-4 flex flex-col gap-5 rounded-md border bg-white p-4">
<p className="text-2xl">Admin</p>
<hr />
{data ? (
<Table>
<TableHeader>
<TableRow>
<TableHead>Stats</TableHead>
<TableHead>Value</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell>Num Users</TableCell>
<TableCell>{data.numUsers}</TableCell>
</TableRow>
<TableRow>
<TableCell>Num Bookmarks</TableCell>
<TableCell>{data.numBookmarks}</TableCell>
</TableRow>
<TableRow>
<TableCell>Pending Crawling Jobs</TableCell>
<TableCell>{data.pendingCrawls}</TableCell>
</TableRow>
<TableRow>
<TableCell>Pending Indexing Jobs</TableCell>
<TableCell>{data.pendingIndexing}</TableCell>
</TableRow>
<TableRow>
<TableCell>Pending OpenAI Jobs</TableCell>
<TableCell>{data.pendingOpenai}</TableCell>
</TableRow>
</TableBody>
</Table>
) : (
<LoadingSpinner />
)}
<hr />
<p className="text-xl">Actions</p>
<ActionButton
variant="destructive"
loading={isRecrawlPending}
onClick={() => recrawlLinks()}
>
Recrawl All Links
</ActionButton>
<ActionButton
variant="destructive"
loading={isReindexPending}
onClick={() => reindexBookmarks()}
>
Reindex All Bookmarks
</ActionButton>
</div>
);
}
|
