diff --git a/app/client/modules/repositories/routes/snapshot-details.tsx b/app/client/modules/repositories/routes/snapshot-details.tsx index cc9ed363..9333012d 100644 --- a/app/client/modules/repositories/routes/snapshot-details.tsx +++ b/app/client/modules/repositories/routes/snapshot-details.tsx @@ -1,6 +1,6 @@ import { useQuery } from "@tanstack/react-query"; -import { redirect, useParams } from "react-router"; -import { listSnapshotFilesOptions } from "~/client/api-client/@tanstack/react-query.gen"; +import { redirect, useParams, Link } from "react-router"; +import { listBackupSchedulesOptions, listSnapshotFilesOptions } from "~/client/api-client/@tanstack/react-query.gen"; import { Card, CardContent, CardHeader, CardTitle } from "~/client/components/ui/card"; import { SnapshotFileBrowser } from "~/client/modules/backups/components/snapshot-file-browser"; import { getSnapshotDetails } from "~/client/api-client"; @@ -47,6 +47,13 @@ export default function SnapshotDetailsPage({ loaderData }: Route.ComponentProps 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) { return (
{new Date(data.snapshot.time).toLocaleString()}
+ + {backup.name} + +
++ + {backup.volume.name} + +
+