gitscope
/
← marzneshin / dashboard/src/routes/_dashboard/hosts/$hostId.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/routes/_dashboard/hosts/$hostId.tsx · v0.5.2
Source
1 03b3dbc Mardin 2y ago import {
2 03b3dbc Mardin 2y ago createFileRoute,
3 03b3dbc Mardin 2y ago defer,
4 03b3dbc Mardin 2y ago Await,
5 03b3dbc Mardin 2y ago Outlet,
6 03b3dbc Mardin 2y ago } from "@tanstack/react-router";
7 03b3dbc Mardin 2y ago import {
8 03b3dbc Mardin 2y ago RouterHostContext,
9 03b3dbc Mardin 2y ago fetchHost,
10 03b3dbc Mardin 2y ago } from "@marzneshin/features/hosts";
11 03b3dbc Mardin 2y ago import { Suspense } from "react";
12 03b3dbc Mardin 2y ago import {
13 03b3dbc Mardin 2y ago AlertDialog,
14 03b3dbc Mardin 2y ago AlertDialogContent,
15 03b3dbc Mardin 2y ago Loading
16 03b3dbc Mardin 2y ago } from "@marzneshin/components";
17 03b3dbc Mardin 2y ago
18 03b3dbc Mardin 2y ago const HostProvider = () => {
19 03b3dbc Mardin 2y ago const { host } = Route.useLoaderData()
20 03b3dbc Mardin 2y ago return (
21 03b3dbc Mardin 2y ago <Suspense fallback={<Loading />}>
22 03b3dbc Mardin 2y ago <Await promise={host}>
23 03b3dbc Mardin 2y ago {(host) => (
24 03b3dbc Mardin 2y ago <RouterHostContext.Provider value={{ host }}>
25 03b3dbc Mardin 2y ago <Suspense>
26 03b3dbc Mardin 2y ago <Outlet />
27 03b3dbc Mardin 2y ago </Suspense>
28 03b3dbc Mardin 2y ago </RouterHostContext.Provider>
29 03b3dbc Mardin 2y ago )}
30 03b3dbc Mardin 2y ago </Await>
31 03b3dbc Mardin 2y ago </Suspense>
32 03b3dbc Mardin 2y ago )
33 03b3dbc Mardin 2y ago }
34 03b3dbc Mardin 2y ago
35 03b3dbc Mardin 2y ago export const Route = createFileRoute('/_dashboard/hosts/$hostId')({
36 03b3dbc Mardin 2y ago loader: async ({ params }) => {
37 03b3dbc Mardin 2y ago const hostPromise = fetchHost({
38 03b3dbc Mardin 2y ago queryKey: ["hosts", Number.parseInt(params.hostId)]
39 03b3dbc Mardin 2y ago });
40 03b3dbc Mardin 2y ago
41 03b3dbc Mardin 2y ago return {
42 03b3dbc Mardin 2y ago host: defer(hostPromise)
43 03b3dbc Mardin 2y ago }
44 03b3dbc Mardin 2y ago },
45 03b3dbc Mardin 2y ago errorComponent: () => (
46 03b3dbc Mardin 2y ago <AlertDialog open={true}>
47 03b3dbc Mardin 2y ago <AlertDialogContent>Host not found</AlertDialogContent>
48 03b3dbc Mardin 2y ago </AlertDialog>
49 03b3dbc Mardin 2y ago ),
50 03b3dbc Mardin 2y ago component: HostProvider,
51 03b3dbc Mardin 2y ago })