54 lines
1.6 KiB
TypeScript
54 lines
1.6 KiB
TypeScript
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}`}
|
|
/>
|
|
);
|
|
}
|