refactor: restore snapshot as a page
This commit is contained in:
Nicolas Meienberger
parent
c312c76914
commit
3dd7d8f2d6
9 changed files with 451 additions and 319 deletions
|
|
@ -28,7 +28,6 @@ export const PathSelector = ({ value, onChange }: Props) => {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log("Rendering PathSelector with value:", value);
|
|
||||||
return (
|
return (
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div className="flex-1 text-sm font-mono bg-muted px-3 py-2 rounded-md border">{value}</div>
|
<div className="flex-1 text-sm font-mono bg-muted px-3 py-2 rounded-md border">{value}</div>
|
||||||
|
|
|
||||||
326
app/client/components/restore-form.tsx
Normal file
326
app/client/components/restore-form.tsx
Normal file
|
|
@ -0,0 +1,326 @@
|
||||||
|
import { useCallback, useState } from "react";
|
||||||
|
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
||||||
|
import { useNavigate } from "react-router";
|
||||||
|
import { toast } from "sonner";
|
||||||
|
import { ChevronDown, FileIcon, FolderOpen, RotateCcw } from "lucide-react";
|
||||||
|
import { Button } from "~/client/components/ui/button";
|
||||||
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "~/client/components/ui/card";
|
||||||
|
import { Checkbox } from "~/client/components/ui/checkbox";
|
||||||
|
import { Input } from "~/client/components/ui/input";
|
||||||
|
import { Label } from "~/client/components/ui/label";
|
||||||
|
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/client/components/ui/select";
|
||||||
|
import { PathSelector } from "~/client/components/path-selector";
|
||||||
|
import { FileTree } from "~/client/components/file-tree";
|
||||||
|
import { listSnapshotFilesOptions, restoreSnapshotMutation } from "~/client/api-client/@tanstack/react-query.gen";
|
||||||
|
import { useFileBrowser } from "~/client/hooks/use-file-browser";
|
||||||
|
import { OVERWRITE_MODES, type OverwriteMode } from "~/schemas/restic";
|
||||||
|
import type { Snapshot } from "~/client/lib/types";
|
||||||
|
|
||||||
|
type RestoreLocation = "original" | "custom";
|
||||||
|
|
||||||
|
interface RestoreFormProps {
|
||||||
|
snapshot: Snapshot;
|
||||||
|
repositoryName: string;
|
||||||
|
snapshotId: string;
|
||||||
|
/** Path to navigate to after cancel or successful restore */
|
||||||
|
returnPath: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function RestoreForm({ snapshot, repositoryName, snapshotId, returnPath }: RestoreFormProps) {
|
||||||
|
const navigate = useNavigate();
|
||||||
|
const queryClient = useQueryClient();
|
||||||
|
|
||||||
|
const volumeBasePath = snapshot.paths[0]?.match(/^(.*?_data)(\/|$)/)?.[1] || "/";
|
||||||
|
|
||||||
|
const [restoreLocation, setRestoreLocation] = useState<RestoreLocation>("original");
|
||||||
|
const [customTargetPath, setCustomTargetPath] = useState("");
|
||||||
|
const [overwriteMode, setOverwriteMode] = useState<OverwriteMode>("always");
|
||||||
|
const [showAdvanced, setShowAdvanced] = useState(false);
|
||||||
|
const [excludeXattr, setExcludeXattr] = useState("");
|
||||||
|
const [deleteExtraFiles, setDeleteExtraFiles] = useState(false);
|
||||||
|
|
||||||
|
const [selectedPaths, setSelectedPaths] = useState<Set<string>>(new Set());
|
||||||
|
|
||||||
|
const { data: filesData, isLoading: filesLoading } = useQuery({
|
||||||
|
...listSnapshotFilesOptions({
|
||||||
|
path: { name: repositoryName, snapshotId },
|
||||||
|
query: { path: volumeBasePath },
|
||||||
|
}),
|
||||||
|
enabled: !!repositoryName && !!snapshotId,
|
||||||
|
});
|
||||||
|
|
||||||
|
const stripBasePath = useCallback(
|
||||||
|
(path: string): string => {
|
||||||
|
if (!volumeBasePath) return path;
|
||||||
|
if (path === volumeBasePath) return "/";
|
||||||
|
if (path.startsWith(`${volumeBasePath}/`)) {
|
||||||
|
const stripped = path.slice(volumeBasePath.length);
|
||||||
|
return stripped;
|
||||||
|
}
|
||||||
|
return path;
|
||||||
|
},
|
||||||
|
[volumeBasePath],
|
||||||
|
);
|
||||||
|
|
||||||
|
const addBasePath = useCallback(
|
||||||
|
(displayPath: string): string => {
|
||||||
|
const vbp = volumeBasePath === "/" ? "" : volumeBasePath;
|
||||||
|
|
||||||
|
if (!vbp) return displayPath;
|
||||||
|
if (displayPath === "/") return vbp;
|
||||||
|
return `${vbp}${displayPath}`;
|
||||||
|
},
|
||||||
|
[volumeBasePath],
|
||||||
|
);
|
||||||
|
|
||||||
|
const fileBrowser = useFileBrowser({
|
||||||
|
initialData: filesData,
|
||||||
|
isLoading: filesLoading,
|
||||||
|
fetchFolder: async (path) => {
|
||||||
|
return await queryClient.ensureQueryData(
|
||||||
|
listSnapshotFilesOptions({
|
||||||
|
path: { name: repositoryName, snapshotId },
|
||||||
|
query: { path },
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
prefetchFolder: (path) => {
|
||||||
|
queryClient.prefetchQuery(
|
||||||
|
listSnapshotFilesOptions({
|
||||||
|
path: { name: repositoryName, snapshotId },
|
||||||
|
query: { path },
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
pathTransform: {
|
||||||
|
strip: stripBasePath,
|
||||||
|
add: addBasePath,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const { mutate: restoreSnapshot, isPending: isRestoring } = useMutation({
|
||||||
|
...restoreSnapshotMutation(),
|
||||||
|
onSuccess: (data) => {
|
||||||
|
toast.success("Restore completed", {
|
||||||
|
description: `Successfully restored ${data.filesRestored} file(s). ${data.filesSkipped} file(s) skipped.`,
|
||||||
|
});
|
||||||
|
navigate(returnPath);
|
||||||
|
},
|
||||||
|
onError: (error) => {
|
||||||
|
toast.error("Restore failed", { description: error.message || "Failed to restore snapshot" });
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const handleRestore = useCallback(() => {
|
||||||
|
if (!repositoryName || !snapshotId) return;
|
||||||
|
|
||||||
|
const excludeXattrArray = excludeXattr
|
||||||
|
?.split(",")
|
||||||
|
.map((s) => s.trim())
|
||||||
|
.filter(Boolean);
|
||||||
|
|
||||||
|
const isCustomLocation = restoreLocation === "custom";
|
||||||
|
const targetPath = isCustomLocation && customTargetPath.trim() ? customTargetPath.trim() : undefined;
|
||||||
|
|
||||||
|
const pathsArray = Array.from(selectedPaths);
|
||||||
|
const includePaths = pathsArray.map((path) => addBasePath(path));
|
||||||
|
|
||||||
|
restoreSnapshot({
|
||||||
|
path: { name: repositoryName },
|
||||||
|
body: {
|
||||||
|
snapshotId,
|
||||||
|
include: includePaths.length > 0 ? includePaths : undefined,
|
||||||
|
delete: deleteExtraFiles,
|
||||||
|
excludeXattr: excludeXattrArray && excludeXattrArray.length > 0 ? excludeXattrArray : undefined,
|
||||||
|
targetPath,
|
||||||
|
overwrite: overwriteMode,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}, [
|
||||||
|
repositoryName,
|
||||||
|
snapshotId,
|
||||||
|
excludeXattr,
|
||||||
|
restoreLocation,
|
||||||
|
customTargetPath,
|
||||||
|
selectedPaths,
|
||||||
|
addBasePath,
|
||||||
|
deleteExtraFiles,
|
||||||
|
overwriteMode,
|
||||||
|
restoreSnapshot,
|
||||||
|
]);
|
||||||
|
|
||||||
|
const canRestore = restoreLocation === "original" || customTargetPath.trim();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<h1 className="text-2xl font-bold">Restore Snapshot</h1>
|
||||||
|
<p className="text-sm text-muted-foreground">
|
||||||
|
{repositoryName} / {snapshotId}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex gap-2">
|
||||||
|
<Button variant="outline" onClick={() => navigate(returnPath)}>
|
||||||
|
Cancel
|
||||||
|
</Button>
|
||||||
|
<Button variant="primary" onClick={handleRestore} disabled={isRestoring || !canRestore}>
|
||||||
|
{isRestoring
|
||||||
|
? "Restoring..."
|
||||||
|
: selectedPaths.size > 0
|
||||||
|
? `Restore ${selectedPaths.size} ${selectedPaths.size === 1 ? "item" : "items"}`
|
||||||
|
: "Restore All"}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||||
|
<div className="space-y-6">
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
<CardTitle>Restore Location</CardTitle>
|
||||||
|
<CardDescription>Choose where to restore the files</CardDescription>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent className="space-y-4">
|
||||||
|
<div className="grid grid-cols-1 gap-2">
|
||||||
|
<Button
|
||||||
|
type="button"
|
||||||
|
variant={restoreLocation === "original" ? "secondary" : "outline"}
|
||||||
|
size="sm"
|
||||||
|
className="flex justify-start gap-2"
|
||||||
|
onClick={() => setRestoreLocation("original")}
|
||||||
|
>
|
||||||
|
<RotateCcw size={16} className="mr-1" />
|
||||||
|
Original location
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="button"
|
||||||
|
variant={restoreLocation === "custom" ? "secondary" : "outline"}
|
||||||
|
size="sm"
|
||||||
|
className="justify-start gap-2"
|
||||||
|
onClick={() => setRestoreLocation("custom")}
|
||||||
|
>
|
||||||
|
<FolderOpen size={16} className="mr-1" />
|
||||||
|
Custom location
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
{restoreLocation === "custom" && (
|
||||||
|
<div className="space-y-2">
|
||||||
|
<PathSelector value={customTargetPath || "/"} onChange={setCustomTargetPath} />
|
||||||
|
<p className="text-xs text-muted-foreground">Files will be restored directly to this path</p>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
<CardTitle>Overwrite Mode</CardTitle>
|
||||||
|
<CardDescription>How to handle existing files</CardDescription>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent className="space-y-3">
|
||||||
|
<Select value={overwriteMode} onValueChange={(value) => setOverwriteMode(value as OverwriteMode)}>
|
||||||
|
<SelectTrigger className="w-full">
|
||||||
|
<SelectValue placeholder="Select overwrite behavior" />
|
||||||
|
</SelectTrigger>
|
||||||
|
<SelectContent>
|
||||||
|
<SelectItem value={OVERWRITE_MODES.always}>Always overwrite</SelectItem>
|
||||||
|
<SelectItem value={OVERWRITE_MODES.ifChanged}>Only if content changed</SelectItem>
|
||||||
|
<SelectItem value={OVERWRITE_MODES.ifNewer}>Only if snapshot is newer</SelectItem>
|
||||||
|
<SelectItem value={OVERWRITE_MODES.never}>Never overwrite</SelectItem>
|
||||||
|
</SelectContent>
|
||||||
|
</Select>
|
||||||
|
<p className="text-xs text-muted-foreground">
|
||||||
|
{overwriteMode === OVERWRITE_MODES.always &&
|
||||||
|
"Existing files will always be replaced with the snapshot version."}
|
||||||
|
{overwriteMode === OVERWRITE_MODES.ifChanged &&
|
||||||
|
"Files are only replaced if their content differs from the snapshot."}
|
||||||
|
{overwriteMode === OVERWRITE_MODES.ifNewer &&
|
||||||
|
"Files are only replaced if the snapshot version has a newer modification time."}
|
||||||
|
{overwriteMode === OVERWRITE_MODES.never &&
|
||||||
|
"Existing files will never be replaced, only missing files are restored."}
|
||||||
|
</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="cursor-pointer" onClick={() => setShowAdvanced(!showAdvanced)}>
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<CardTitle className="text-base">Advanced options</CardTitle>
|
||||||
|
<ChevronDown size={16} className={`transition-transform ${showAdvanced ? "rotate-180" : ""}`} />
|
||||||
|
</div>
|
||||||
|
</CardHeader>
|
||||||
|
{showAdvanced && (
|
||||||
|
<CardContent className="space-y-4">
|
||||||
|
<div className="space-y-2">
|
||||||
|
<Label htmlFor="exclude-xattr" className="text-sm">
|
||||||
|
Exclude extended attributes
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
id="exclude-xattr"
|
||||||
|
placeholder="com.apple.metadata,user.*,nfs4.*"
|
||||||
|
value={excludeXattr}
|
||||||
|
onChange={(e) => setExcludeXattr(e.target.value)}
|
||||||
|
/>
|
||||||
|
<p className="text-xs text-muted-foreground">
|
||||||
|
Exclude specific extended attributes during restore (comma-separated)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center space-x-2">
|
||||||
|
<Checkbox
|
||||||
|
id="delete-extra"
|
||||||
|
checked={deleteExtraFiles}
|
||||||
|
onCheckedChange={(checked) => setDeleteExtraFiles(checked === true)}
|
||||||
|
/>
|
||||||
|
<Label htmlFor="delete-extra" className="text-sm font-normal cursor-pointer">
|
||||||
|
Delete files not present in the snapshot
|
||||||
|
</Label>
|
||||||
|
</div>
|
||||||
|
</CardContent>
|
||||||
|
)}
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
<Card className="lg:col-span-2 flex flex-col">
|
||||||
|
<CardHeader>
|
||||||
|
<CardTitle>Select Files to Restore</CardTitle>
|
||||||
|
<CardDescription>
|
||||||
|
{selectedPaths.size > 0
|
||||||
|
? `${selectedPaths.size} ${selectedPaths.size === 1 ? "item" : "items"} selected`
|
||||||
|
: "Select specific files or folders, or leave empty to restore everything"}
|
||||||
|
</CardDescription>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent className="flex-1 overflow-hidden flex flex-col p-0">
|
||||||
|
{fileBrowser.isLoading && (
|
||||||
|
<div className="flex items-center justify-center flex-1">
|
||||||
|
<p className="text-muted-foreground">Loading files...</p>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{fileBrowser.isEmpty && (
|
||||||
|
<div className="flex flex-col items-center justify-center flex-1 text-center p-8">
|
||||||
|
<FileIcon className="w-12 h-12 text-muted-foreground/50 mb-4" />
|
||||||
|
<p className="text-muted-foreground">No files in this snapshot</p>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{!fileBrowser.isLoading && !fileBrowser.isEmpty && (
|
||||||
|
<div className="overflow-auto flex-1 border border-border rounded-md bg-card m-4">
|
||||||
|
<FileTree
|
||||||
|
files={fileBrowser.fileArray}
|
||||||
|
onFolderExpand={fileBrowser.handleFolderExpand}
|
||||||
|
onFolderHover={fileBrowser.handleFolderHover}
|
||||||
|
expandedFolders={fileBrowser.expandedFolders}
|
||||||
|
loadingFolders={fileBrowser.loadingFolders}
|
||||||
|
className="px-2 py-2"
|
||||||
|
withCheckboxes={true}
|
||||||
|
selectedPaths={selectedPaths}
|
||||||
|
onSelectionChange={setSelectedPaths}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -1,198 +0,0 @@
|
||||||
import { useCallback, useState } from "react";
|
|
||||||
import { ChevronDown, FolderOpen, RotateCcw } from "lucide-react";
|
|
||||||
import { Button } from "~/client/components/ui/button";
|
|
||||||
import { Checkbox } from "~/client/components/ui/checkbox";
|
|
||||||
import { Label } from "~/client/components/ui/label";
|
|
||||||
import { Input } from "~/client/components/ui/input";
|
|
||||||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/client/components/ui/select";
|
|
||||||
import {
|
|
||||||
AlertDialog,
|
|
||||||
AlertDialogAction,
|
|
||||||
AlertDialogCancel,
|
|
||||||
AlertDialogContent,
|
|
||||||
AlertDialogDescription,
|
|
||||||
AlertDialogFooter,
|
|
||||||
AlertDialogHeader,
|
|
||||||
AlertDialogTitle,
|
|
||||||
AlertDialogTrigger,
|
|
||||||
} from "~/client/components/ui/alert-dialog";
|
|
||||||
import { PathSelector } from "~/client/components/path-selector";
|
|
||||||
import { OVERWRITE_MODES, type OverwriteMode } from "~/schemas/restic";
|
|
||||||
|
|
||||||
type RestoreLocation = "original" | "custom";
|
|
||||||
|
|
||||||
export interface RestoreSnapshotOptions {
|
|
||||||
include?: string[];
|
|
||||||
delete?: boolean;
|
|
||||||
excludeXattr?: string[];
|
|
||||||
targetPath?: string;
|
|
||||||
overwrite?: OverwriteMode;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
/** Number of selected items to restore (0 means restore everything) */
|
|
||||||
selectedCount?: number;
|
|
||||||
/** Callback when restore is confirmed */
|
|
||||||
onConfirm: (options: RestoreSnapshotOptions) => void;
|
|
||||||
/** Trigger element for the dialog */
|
|
||||||
trigger: React.ReactNode;
|
|
||||||
/** Pre-selected paths to include in restore (already transformed) */
|
|
||||||
includePaths?: string[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export const RestoreSnapshotDialog = (props: Props) => {
|
|
||||||
const { selectedCount = 0, onConfirm, trigger, includePaths } = props;
|
|
||||||
|
|
||||||
const [open, setOpen] = useState(false);
|
|
||||||
const [deleteExtraFiles, setDeleteExtraFiles] = useState(false);
|
|
||||||
const [showAdvanced, setShowAdvanced] = useState(false);
|
|
||||||
const [excludeXattr, setExcludeXattr] = useState("");
|
|
||||||
const [restoreLocation, setRestoreLocation] = useState<RestoreLocation>("original");
|
|
||||||
const [customTargetPath, setCustomTargetPath] = useState("");
|
|
||||||
const [overwriteMode, setOverwriteMode] = useState<OverwriteMode>("always");
|
|
||||||
|
|
||||||
const handleConfirmRestore = useCallback(() => {
|
|
||||||
const excludeXattrArray = excludeXattr
|
|
||||||
?.split(",")
|
|
||||||
.map((s) => s.trim())
|
|
||||||
.filter(Boolean);
|
|
||||||
|
|
||||||
const isCustomLocation = restoreLocation === "custom";
|
|
||||||
const targetPath = isCustomLocation && customTargetPath.trim() ? customTargetPath.trim() : undefined;
|
|
||||||
|
|
||||||
onConfirm({
|
|
||||||
include: includePaths && includePaths.length > 0 ? includePaths : undefined,
|
|
||||||
delete: deleteExtraFiles,
|
|
||||||
excludeXattr: excludeXattrArray && excludeXattrArray.length > 0 ? excludeXattrArray : undefined,
|
|
||||||
targetPath,
|
|
||||||
overwrite: overwriteMode,
|
|
||||||
});
|
|
||||||
|
|
||||||
setOpen(false);
|
|
||||||
}, [excludeXattr, restoreLocation, customTargetPath, includePaths, deleteExtraFiles, overwriteMode, onConfirm]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<AlertDialog open={open} onOpenChange={setOpen}>
|
|
||||||
<AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger>
|
|
||||||
<AlertDialogContent className="max-w-lg">
|
|
||||||
<AlertDialogHeader>
|
|
||||||
<AlertDialogTitle>Confirm Restore</AlertDialogTitle>
|
|
||||||
<AlertDialogDescription>
|
|
||||||
{selectedCount > 0
|
|
||||||
? `This will restore ${selectedCount} selected ${selectedCount === 1 ? "item" : "items"} from the snapshot.`
|
|
||||||
: "This will restore everything from the snapshot."}
|
|
||||||
</AlertDialogDescription>
|
|
||||||
</AlertDialogHeader>
|
|
||||||
<div className="space-y-4">
|
|
||||||
<div className="space-y-3">
|
|
||||||
<Label className="text-sm font-medium">Restore Location</Label>
|
|
||||||
<div className="grid grid-cols-2 gap-2">
|
|
||||||
<Button
|
|
||||||
type="button"
|
|
||||||
variant={restoreLocation === "original" ? "secondary" : "outline"}
|
|
||||||
size="sm"
|
|
||||||
className="flex justify-start gap-2"
|
|
||||||
onClick={() => setRestoreLocation("original")}
|
|
||||||
>
|
|
||||||
<RotateCcw size={16} className="mr-1" />
|
|
||||||
Original location
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="button"
|
|
||||||
variant={restoreLocation === "custom" ? "secondary" : "outline"}
|
|
||||||
size="sm"
|
|
||||||
className="justify-start gap-2"
|
|
||||||
onClick={() => setRestoreLocation("custom")}
|
|
||||||
>
|
|
||||||
<FolderOpen size={16} className="mr-1" />
|
|
||||||
Custom location
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
{restoreLocation === "custom" && (
|
|
||||||
<div className="space-y-2">
|
|
||||||
<PathSelector value={customTargetPath || "/"} onChange={setCustomTargetPath} />
|
|
||||||
<p className="text-xs text-muted-foreground">Files will be restored directly to this path</p>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label className="text-sm font-medium">Overwrite Mode</Label>
|
|
||||||
<Select value={overwriteMode} onValueChange={(value) => setOverwriteMode(value as OverwriteMode)}>
|
|
||||||
<SelectTrigger className="w-full">
|
|
||||||
<SelectValue placeholder="Select overwrite behavior" />
|
|
||||||
</SelectTrigger>
|
|
||||||
<SelectContent>
|
|
||||||
<SelectItem value={OVERWRITE_MODES.always}>Always overwrite</SelectItem>
|
|
||||||
<SelectItem value={OVERWRITE_MODES.ifChanged}>Only if content changed</SelectItem>
|
|
||||||
<SelectItem value={OVERWRITE_MODES.ifNewer}>Only if snapshot is newer</SelectItem>
|
|
||||||
<SelectItem value={OVERWRITE_MODES.never}>Never overwrite</SelectItem>
|
|
||||||
</SelectContent>
|
|
||||||
</Select>
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
{overwriteMode === OVERWRITE_MODES.always &&
|
|
||||||
"Existing files will always be replaced with the snapshot version."}
|
|
||||||
{overwriteMode === OVERWRITE_MODES.ifChanged &&
|
|
||||||
"Files are only replaced if their content differs from the snapshot."}
|
|
||||||
{overwriteMode === OVERWRITE_MODES.ifNewer &&
|
|
||||||
"Files are only replaced if the snapshot version has a newer modification time."}
|
|
||||||
{overwriteMode === OVERWRITE_MODES.never &&
|
|
||||||
"Existing files will never be replaced, only missing files are restored."}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<Button
|
|
||||||
type="button"
|
|
||||||
variant="ghost"
|
|
||||||
size="sm"
|
|
||||||
onClick={() => setShowAdvanced(!showAdvanced)}
|
|
||||||
className="h-auto p-0 text-sm font-normal"
|
|
||||||
>
|
|
||||||
Advanced Options
|
|
||||||
<ChevronDown size={16} className={`ml-1 transition-transform ${showAdvanced ? "rotate-180" : ""}`} />
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
{showAdvanced && (
|
|
||||||
<div className="mt-4 space-y-3">
|
|
||||||
<div className="space-y-2">
|
|
||||||
<Label htmlFor="exclude-xattr" className="text-sm">
|
|
||||||
Exclude Extended Attributes
|
|
||||||
</Label>
|
|
||||||
<Input
|
|
||||||
id="exclude-xattr"
|
|
||||||
placeholder="com.apple.metadata,user.*,nfs4.*"
|
|
||||||
value={excludeXattr}
|
|
||||||
onChange={(e) => setExcludeXattr(e.target.value)}
|
|
||||||
/>
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
Exclude specific extended attributes during restore (comma-separated)
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center space-x-2">
|
|
||||||
<Checkbox
|
|
||||||
id="delete-extra"
|
|
||||||
checked={deleteExtraFiles}
|
|
||||||
onCheckedChange={(checked) => setDeleteExtraFiles(checked === true)}
|
|
||||||
/>
|
|
||||||
<Label htmlFor="delete-extra" className="text-sm font-normal cursor-pointer">
|
|
||||||
Delete files not present in the snapshot
|
|
||||||
</Label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<AlertDialogFooter>
|
|
||||||
<AlertDialogCancel>Cancel</AlertDialogCancel>
|
|
||||||
<AlertDialogAction
|
|
||||||
onClick={handleConfirmRestore}
|
|
||||||
disabled={restoreLocation === "custom" && !customTargetPath.trim()}
|
|
||||||
>
|
|
||||||
Confirm Restore
|
|
||||||
</AlertDialogAction>
|
|
||||||
</AlertDialogFooter>
|
|
||||||
</AlertDialogContent>
|
|
||||||
</AlertDialog>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
@ -1,31 +1,27 @@
|
||||||
import { useCallback, useState } from "react";
|
import { useCallback } from "react";
|
||||||
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
import { useQuery, useQueryClient } from "@tanstack/react-query";
|
||||||
import { FileIcon } from "lucide-react";
|
import { FileIcon } from "lucide-react";
|
||||||
|
import { Link } from "react-router";
|
||||||
import { FileTree } from "~/client/components/file-tree";
|
import { FileTree } from "~/client/components/file-tree";
|
||||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "~/client/components/ui/card";
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "~/client/components/ui/card";
|
||||||
import { Button } from "~/client/components/ui/button";
|
import { Button, buttonVariants } from "~/client/components/ui/button";
|
||||||
import { Tooltip, TooltipContent, TooltipTrigger } from "~/client/components/ui/tooltip";
|
import type { Snapshot } from "~/client/lib/types";
|
||||||
import { RestoreSnapshotDialog, type RestoreSnapshotOptions } from "~/client/components/restore-snapshot-dialog";
|
import { listSnapshotFilesOptions } from "~/client/api-client/@tanstack/react-query.gen";
|
||||||
import type { Snapshot, Volume } from "~/client/lib/types";
|
|
||||||
import { toast } from "sonner";
|
|
||||||
import { listSnapshotFilesOptions, restoreSnapshotMutation } from "~/client/api-client/@tanstack/react-query.gen";
|
|
||||||
import { useFileBrowser } from "~/client/hooks/use-file-browser";
|
import { useFileBrowser } from "~/client/hooks/use-file-browser";
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
snapshot: Snapshot;
|
snapshot: Snapshot;
|
||||||
repositoryName: string;
|
repositoryName: string;
|
||||||
volume?: Volume;
|
/** If provided, restore link will use /backups/:backupId/:snapshotId/restore route */
|
||||||
|
backupId?: string;
|
||||||
onDeleteSnapshot?: (snapshotId: string) => void;
|
onDeleteSnapshot?: (snapshotId: string) => void;
|
||||||
isDeletingSnapshot?: boolean;
|
isDeletingSnapshot?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
export const SnapshotFileBrowser = (props: Props) => {
|
export const SnapshotFileBrowser = (props: Props) => {
|
||||||
const { snapshot, repositoryName, volume, onDeleteSnapshot, isDeletingSnapshot } = props;
|
const { snapshot, repositoryName, backupId, onDeleteSnapshot, isDeletingSnapshot } = props;
|
||||||
|
|
||||||
const isReadOnly = volume?.config && "readOnly" in volume.config && volume.config.readOnly === true;
|
|
||||||
|
|
||||||
const queryClient = useQueryClient();
|
const queryClient = useQueryClient();
|
||||||
const [selectedPaths, setSelectedPaths] = useState<Set<string>>(new Set());
|
|
||||||
|
|
||||||
const volumeBasePath = snapshot.paths[0]?.match(/^(.*?_data)(\/|$)/)?.[1] || "/";
|
const volumeBasePath = snapshot.paths[0]?.match(/^(.*?_data)(\/|$)/)?.[1] || "/";
|
||||||
|
|
||||||
|
|
@ -85,39 +81,6 @@ export const SnapshotFileBrowser = (props: Props) => {
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const { mutate: restoreSnapshot, isPending: isRestoring } = useMutation({
|
|
||||||
...restoreSnapshotMutation(),
|
|
||||||
onSuccess: (data) => {
|
|
||||||
toast.success("Restore completed", {
|
|
||||||
description: `Successfully restored ${data.filesRestored} file(s). ${data.filesSkipped} file(s) skipped.`,
|
|
||||||
});
|
|
||||||
setSelectedPaths(new Set());
|
|
||||||
},
|
|
||||||
onError: (error) => {
|
|
||||||
toast.error("Restore failed", { description: error.message || "Failed to restore snapshot" });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const handleConfirmRestore = useCallback(
|
|
||||||
(options: RestoreSnapshotOptions) => {
|
|
||||||
const pathsArray = Array.from(selectedPaths);
|
|
||||||
const includePaths = pathsArray.map((path) => addBasePath(path));
|
|
||||||
|
|
||||||
restoreSnapshot({
|
|
||||||
path: { name: repositoryName },
|
|
||||||
body: {
|
|
||||||
snapshotId: snapshot.short_id,
|
|
||||||
include: includePaths.length > 0 ? includePaths : undefined,
|
|
||||||
delete: options.delete,
|
|
||||||
excludeXattr: options.excludeXattr,
|
|
||||||
targetPath: options.targetPath,
|
|
||||||
overwrite: options.overwrite,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
|
||||||
[selectedPaths, addBasePath, repositoryName, snapshot.short_id, restoreSnapshot],
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
<Card className="h-[600px] flex flex-col">
|
<Card className="h-[600px] flex flex-col">
|
||||||
|
|
@ -128,31 +91,16 @@ export const SnapshotFileBrowser = (props: Props) => {
|
||||||
<CardDescription>{`Viewing snapshot from ${new Date(snapshot?.time ?? 0).toLocaleString()}`}</CardDescription>
|
<CardDescription>{`Viewing snapshot from ${new Date(snapshot?.time ?? 0).toLocaleString()}`}</CardDescription>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex gap-2">
|
<div className="flex gap-2">
|
||||||
{selectedPaths.size > 0 && (
|
<Link
|
||||||
<Tooltip>
|
to={
|
||||||
<TooltipTrigger asChild>
|
backupId
|
||||||
<span tabIndex={isReadOnly ? 0 : undefined}>
|
? `/backups/${backupId}/${snapshot.short_id}/restore`
|
||||||
<RestoreSnapshotDialog
|
: `/repositories/${repositoryName}/${snapshot.short_id}/restore`
|
||||||
selectedCount={selectedPaths.size}
|
}
|
||||||
onConfirm={handleConfirmRestore}
|
className={buttonVariants({ variant: "primary", size: "sm" })}
|
||||||
trigger={
|
>
|
||||||
<Button variant="primary" size="sm" disabled={isRestoring || isReadOnly}>
|
Restore
|
||||||
{isRestoring
|
</Link>
|
||||||
? "Restoring..."
|
|
||||||
: `Restore ${selectedPaths.size} selected ${selectedPaths.size === 1 ? "item" : "items"}`}
|
|
||||||
</Button>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</span>
|
|
||||||
</TooltipTrigger>
|
|
||||||
{isReadOnly && (
|
|
||||||
<TooltipContent className="text-center">
|
|
||||||
<p>Volume is mounted as read-only.</p>
|
|
||||||
<p>Please remount with read-only disabled to restore files.</p>
|
|
||||||
</TooltipContent>
|
|
||||||
)}
|
|
||||||
</Tooltip>
|
|
||||||
)}
|
|
||||||
{onDeleteSnapshot && (
|
{onDeleteSnapshot && (
|
||||||
<Button
|
<Button
|
||||||
variant="destructive"
|
variant="destructive"
|
||||||
|
|
@ -190,9 +138,6 @@ export const SnapshotFileBrowser = (props: Props) => {
|
||||||
expandedFolders={fileBrowser.expandedFolders}
|
expandedFolders={fileBrowser.expandedFolders}
|
||||||
loadingFolders={fileBrowser.loadingFolders}
|
loadingFolders={fileBrowser.loadingFolders}
|
||||||
className="px-2 py-2"
|
className="px-2 py-2"
|
||||||
withCheckboxes={true}
|
|
||||||
selectedPaths={selectedPaths}
|
|
||||||
onSelectionChange={setSelectedPaths}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
|
||||||
|
|
@ -240,7 +240,7 @@ export default function ScheduleDetailsPage({ params, loaderData }: Route.Compon
|
||||||
key={selectedSnapshot?.short_id}
|
key={selectedSnapshot?.short_id}
|
||||||
snapshot={selectedSnapshot}
|
snapshot={selectedSnapshot}
|
||||||
repositoryName={schedule.repository.name}
|
repositoryName={schedule.repository.name}
|
||||||
volume={schedule.volume}
|
backupId={schedule.id.toString()}
|
||||||
onDeleteSnapshot={handleDeleteSnapshot}
|
onDeleteSnapshot={handleDeleteSnapshot}
|
||||||
isDeletingSnapshot={deleteSnapshot.isPending}
|
isDeletingSnapshot={deleteSnapshot.isPending}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
54
app/client/modules/backups/routes/restore-snapshot.tsx
Normal file
54
app/client/modules/backups/routes/restore-snapshot.tsx
Normal file
|
|
@ -0,0 +1,54 @@
|
||||||
|
import { redirect } from "react-router";
|
||||||
|
import { getBackupSchedule, getSnapshotDetails } from "~/client/api-client";
|
||||||
|
import { RestoreForm } from "~/client/components/restore-form";
|
||||||
|
import type { Route } from "./+types/restore-snapshot";
|
||||||
|
|
||||||
|
export const handle = {
|
||||||
|
breadcrumb: (match: Route.MetaArgs) => [
|
||||||
|
{ label: "Backups", href: "/backups" },
|
||||||
|
{ label: `Schedule #${match.params.id}`, href: `/backups/${match.params.id}` },
|
||||||
|
{ label: match.params.snapshotId },
|
||||||
|
{ label: "Restore" },
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
export function meta({ params }: Route.MetaArgs) {
|
||||||
|
return [
|
||||||
|
{ title: `Zerobyte - Restore Snapshot ${params.snapshotId}` },
|
||||||
|
{
|
||||||
|
name: "description",
|
||||||
|
content: "Restore files from a backup snapshot.",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
export const clientLoader = async ({ params }: Route.ClientLoaderArgs) => {
|
||||||
|
const schedule = await getBackupSchedule({ path: { scheduleId: params.id } });
|
||||||
|
if (!schedule.data) return redirect("/backups");
|
||||||
|
|
||||||
|
const repositoryName = schedule.data.repository.name;
|
||||||
|
const snapshot = await getSnapshotDetails({
|
||||||
|
path: { name: repositoryName, snapshotId: params.snapshotId },
|
||||||
|
});
|
||||||
|
if (!snapshot.data) return redirect(`/backups/${params.id}`);
|
||||||
|
|
||||||
|
return {
|
||||||
|
snapshot: snapshot.data,
|
||||||
|
repositoryName,
|
||||||
|
snapshotId: params.snapshotId,
|
||||||
|
backupId: params.id,
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function RestoreSnapshotFromBackupPage({ loaderData }: Route.ComponentProps) {
|
||||||
|
const { snapshot, repositoryName, snapshotId, backupId } = loaderData;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<RestoreForm
|
||||||
|
snapshot={snapshot}
|
||||||
|
repositoryName={repositoryName}
|
||||||
|
snapshotId={snapshotId}
|
||||||
|
returnPath={`/backups/${backupId}`}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
45
app/client/modules/repositories/routes/restore-snapshot.tsx
Normal file
45
app/client/modules/repositories/routes/restore-snapshot.tsx
Normal file
|
|
@ -0,0 +1,45 @@
|
||||||
|
import { redirect } from "react-router";
|
||||||
|
import { getSnapshotDetails } from "~/client/api-client";
|
||||||
|
import { RestoreForm } from "~/client/components/restore-form";
|
||||||
|
import type { Route } from "./+types/restore-snapshot";
|
||||||
|
|
||||||
|
export const handle = {
|
||||||
|
breadcrumb: (match: Route.MetaArgs) => [
|
||||||
|
{ label: "Repositories", href: "/repositories" },
|
||||||
|
{ label: match.params.name, href: `/repositories/${match.params.name}` },
|
||||||
|
{ label: match.params.snapshotId, href: `/repositories/${match.params.name}/${match.params.snapshotId}` },
|
||||||
|
{ label: "Restore" },
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
export function meta({ params }: Route.MetaArgs) {
|
||||||
|
return [
|
||||||
|
{ title: `Zerobyte - Restore Snapshot ${params.snapshotId}` },
|
||||||
|
{
|
||||||
|
name: "description",
|
||||||
|
content: "Restore files from a backup snapshot.",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
export const clientLoader = async ({ params }: Route.ClientLoaderArgs) => {
|
||||||
|
const snapshot = await getSnapshotDetails({
|
||||||
|
path: { name: params.name, snapshotId: params.snapshotId },
|
||||||
|
});
|
||||||
|
if (snapshot.data) return { snapshot: snapshot.data, name: params.name, snapshotId: params.snapshotId };
|
||||||
|
|
||||||
|
return redirect("/repositories");
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function RestoreSnapshotPage({ loaderData }: Route.ComponentProps) {
|
||||||
|
const { snapshot, name, snapshotId } = loaderData;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<RestoreForm
|
||||||
|
snapshot={snapshot}
|
||||||
|
repositoryName={name}
|
||||||
|
snapshotId={snapshotId}
|
||||||
|
returnPath={`/repositories/${name}/${snapshotId}`}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -1,13 +1,8 @@
|
||||||
import { useMutation, useQuery } from "@tanstack/react-query";
|
import { useQuery } from "@tanstack/react-query";
|
||||||
import { redirect, useParams } from "react-router";
|
import { Link, redirect, useParams } from "react-router";
|
||||||
import { toast } from "sonner";
|
import { listSnapshotFilesOptions } from "~/client/api-client/@tanstack/react-query.gen";
|
||||||
import { listSnapshotFilesOptions, restoreSnapshotMutation } from "~/client/api-client/@tanstack/react-query.gen";
|
import { buttonVariants } from "~/client/components/ui/button";
|
||||||
import { Button } from "~/client/components/ui/button";
|
|
||||||
import { Card, CardContent, CardHeader, CardTitle } from "~/client/components/ui/card";
|
import { Card, CardContent, CardHeader, CardTitle } from "~/client/components/ui/card";
|
||||||
import {
|
|
||||||
RestoreSnapshotDialog,
|
|
||||||
type RestoreSnapshotOptions,
|
|
||||||
} from "~/client/components/restore-snapshot-dialog";
|
|
||||||
import { SnapshotFileBrowser } from "~/client/modules/backups/components/snapshot-file-browser";
|
import { SnapshotFileBrowser } from "~/client/modules/backups/components/snapshot-file-browser";
|
||||||
import { getSnapshotDetails } from "~/client/api-client";
|
import { getSnapshotDetails } from "~/client/api-client";
|
||||||
import type { Route } from "./+types/snapshot-details";
|
import type { Route } from "./+types/snapshot-details";
|
||||||
|
|
@ -53,34 +48,6 @@ export default function SnapshotDetailsPage({ loaderData }: Route.ComponentProps
|
||||||
enabled: !!name && !!snapshotId,
|
enabled: !!name && !!snapshotId,
|
||||||
});
|
});
|
||||||
|
|
||||||
const { mutate: restoreSnapshot, isPending: isRestoring } = useMutation({
|
|
||||||
...restoreSnapshotMutation(),
|
|
||||||
onSuccess: (data) => {
|
|
||||||
toast.success("Restore completed", {
|
|
||||||
description: `Successfully restored ${data.filesRestored} file(s). ${data.filesSkipped} file(s) skipped.`,
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onError: (error) => {
|
|
||||||
toast.error("Restore failed", { description: error.message || "Failed to restore snapshot" });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const handleRestore = (options: RestoreSnapshotOptions) => {
|
|
||||||
if (!name || !snapshotId) return;
|
|
||||||
|
|
||||||
restoreSnapshot({
|
|
||||||
path: { name },
|
|
||||||
body: {
|
|
||||||
snapshotId,
|
|
||||||
include: options.include,
|
|
||||||
delete: options.delete,
|
|
||||||
excludeXattr: options.excludeXattr,
|
|
||||||
targetPath: options.targetPath,
|
|
||||||
overwrite: options.overwrite,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
if (!name || !snapshotId) {
|
if (!name || !snapshotId) {
|
||||||
return (
|
return (
|
||||||
<div className="flex items-center justify-center h-full">
|
<div className="flex items-center justify-center h-full">
|
||||||
|
|
@ -96,14 +63,6 @@ export default function SnapshotDetailsPage({ loaderData }: Route.ComponentProps
|
||||||
<h1 className="text-2xl font-bold">{name}</h1>
|
<h1 className="text-2xl font-bold">{name}</h1>
|
||||||
<p className="text-sm text-muted-foreground">Snapshot: {snapshotId}</p>
|
<p className="text-sm text-muted-foreground">Snapshot: {snapshotId}</p>
|
||||||
</div>
|
</div>
|
||||||
<RestoreSnapshotDialog
|
|
||||||
onConfirm={handleRestore}
|
|
||||||
trigger={
|
|
||||||
<Button variant="primary" disabled={isRestoring}>
|
|
||||||
{isRestoring ? "Restoring..." : "Restore Snapshot"}
|
|
||||||
</Button>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<SnapshotFileBrowser repositoryName={name} snapshot={loaderData} />
|
<SnapshotFileBrowser repositoryName={name} snapshot={loaderData} />
|
||||||
|
|
|
||||||
|
|
@ -12,10 +12,12 @@ export default [
|
||||||
route("backups", "./client/modules/backups/routes/backups.tsx"),
|
route("backups", "./client/modules/backups/routes/backups.tsx"),
|
||||||
route("backups/create", "./client/modules/backups/routes/create-backup.tsx"),
|
route("backups/create", "./client/modules/backups/routes/create-backup.tsx"),
|
||||||
route("backups/:id", "./client/modules/backups/routes/backup-details.tsx"),
|
route("backups/:id", "./client/modules/backups/routes/backup-details.tsx"),
|
||||||
|
route("backups/:id/:snapshotId/restore", "./client/modules/backups/routes/restore-snapshot.tsx"),
|
||||||
route("repositories", "./client/modules/repositories/routes/repositories.tsx"),
|
route("repositories", "./client/modules/repositories/routes/repositories.tsx"),
|
||||||
route("repositories/create", "./client/modules/repositories/routes/create-repository.tsx"),
|
route("repositories/create", "./client/modules/repositories/routes/create-repository.tsx"),
|
||||||
route("repositories/:name", "./client/modules/repositories/routes/repository-details.tsx"),
|
route("repositories/:name", "./client/modules/repositories/routes/repository-details.tsx"),
|
||||||
route("repositories/:name/:snapshotId", "./client/modules/repositories/routes/snapshot-details.tsx"),
|
route("repositories/:name/:snapshotId", "./client/modules/repositories/routes/snapshot-details.tsx"),
|
||||||
|
route("repositories/:name/:snapshotId/restore", "./client/modules/repositories/routes/restore-snapshot.tsx"),
|
||||||
route("notifications", "./client/modules/notifications/routes/notifications.tsx"),
|
route("notifications", "./client/modules/notifications/routes/notifications.tsx"),
|
||||||
route("notifications/create", "./client/modules/notifications/routes/create-notification.tsx"),
|
route("notifications/create", "./client/modules/notifications/routes/create-notification.tsx"),
|
||||||
route("notifications/:id", "./client/modules/notifications/routes/notification-details.tsx"),
|
route("notifications/:id", "./client/modules/notifications/routes/notification-details.tsx"),
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue