gitscope
← marzneshin / v0.3.1 / dashboard/src/routes/_dashboard/hosts/$hostId/edit.tsx
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/routes/_dashboard/hosts/$hostId/edit.tsx · TypeScript
Blame Raw
 1import {
 2    createFileRoute,
 3    useNavigate,
 4} from "@tanstack/react-router";
 5import {
 6    HostsMutationDialog,
 7    useRouterHostContext,
 8} from "@marzneshin/features/hosts";
 9import { useDialog } from "@marzneshin/hooks";
10
11
12const HostEdit = () => {
13    const [editDialogOpen, setEditDialogOpen] = useDialog(true);
14    const value = useRouterHostContext()
15    const navigate = useNavigate({ from: "/hosts/$hostId/edit" });
16
17    return value && (
18                    <HostsMutationDialog
19                        open={editDialogOpen}
20                        onOpenChange={setEditDialogOpen}
21                        entity={value.host}
22                        onClose={() => navigate({ to: "/hosts" })}
23                    />
24    );
25}
26
27export const Route = createFileRoute('/_dashboard/hosts/$hostId/edit')({
28    component: HostEdit
29})