danvics/zerobyte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

feat: display backup schedule and volume information in snapshot details

Browse source
This commit is contained in:
Jakub Trávník 2025-12-22 14:17:34 +01:00
parent 542842d012
commit 068f9d88b3
1 changed files with 29 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
app/client/modules/repositories/routes/snapshot-details.tsx
View file

@ -1,6 +1,6 @@
import { useQuery } from "@tanstack/react-query"; import { useQuery } from "@tanstack/react-query";
import { redirect, useParams } from "react-router"; import { redirect, useParams, Link } from "react-router";
import { listSnapshotFilesOptions } from "~/client/api-client/@tanstack/react-query.gen"; import { listBackupSchedulesOptions, listSnapshotFilesOptions } from "~/client/api-client/@tanstack/react-query.gen";
import { Card, CardContent, CardHeader, CardTitle } from "~/client/components/ui/card"; import { Card, CardContent, CardHeader, CardTitle } from "~/client/components/ui/card";
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";
@ -47,6 +47,13 @@ export default function SnapshotDetailsPage({ loaderData }: Route.ComponentProps
enabled: !!name && !!snapshotId, enabled: !!name && !!snapshotId,
}); });
const schedules = useQuery({
...listBackupSchedulesOptions(),
});
const backupIds = loaderData.tags.map(Number).filter((tag) => !Number.isNaN(tag));
const backup = schedules.data?.find((b) => backupIds.includes(b.id));
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">
@ -89,6 +96,26 @@ export default function SnapshotDetailsPage({ loaderData }: Route.ComponentProps
<span className="text-muted-foreground">Time:</span> <span className="text-muted-foreground">Time:</span>
<p>{new Date(data.snapshot.time).toLocaleString()}</p> <p>{new Date(data.snapshot.time).toLocaleString()}</p>
</div> </div>
{backup && (
<>
<div>
<span className="text-muted-foreground">Backup Schedule:</span>
<p>
<Link to={`/backups/${backup.id}`} className="text-primary hover:underline">
{backup.name}
</Link>
</p>
</div>
<div>
<span className="text-muted-foreground">Volume:</span>
<p>
<Link to={`/volumes/${backup.volume.name}`} className="text-primary hover:underline">
{backup.volume.name}
</Link>
</p>
</div>
</>
)}
<div className="col-span-2"> <div className="col-span-2">
<span className="text-muted-foreground">Paths:</span> <span className="text-muted-foreground">Paths:</span>
<div className="space-y-1 mt-1"> <div className="space-y-1 mt-1">