1import {
 2    createFileRoute,
 3    useNavigate,
 4} from "@tanstack/react-router";
 5import {
 6    useRouterServiceContext,
 7    ServiceSettingsDialog,
 8} from "@marzneshin/features/services";
 9import { useDialog } from "@marzneshin/hooks";
10
11const ServiceOpen = () => {
12    const [settingsDialogOpen, setSettingsDialogOpen] = useDialog(true);
13    const value = useRouterServiceContext()
14    const navigate = useNavigate({ from: "/services/$serviceId" });
15
16    return value && (
17        <ServiceSettingsDialog
18            open={settingsDialogOpen}
19            onOpenChange={setSettingsDialogOpen}
20            entity={value.service}
21            onClose={() => navigate({ to: "/services" })}
22        />
23    );
24}
25
26export const Route = createFileRoute('/_dashboard/services/$serviceId/')({
27    component: ServiceOpen
28})