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

feat(repositories): display snapshot paths in source column

Browse source
This commit is contained in:
colpiche 2026-03-02 18:06:56 +01:00
parent 90aafcd04e
commit 31dad607b3
1 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
app/client/components/snapshots-table.tsx
View file

@ -1,6 +1,6 @@
import { useState } from "react"; import { useState } from "react";
import { useMutation, useQueryClient } from "@tanstack/react-query"; import { useMutation, useQueryClient } from "@tanstack/react-query";
import { Calendar, Clock, Database, HardDrive, Monitor, Tag, Trash2, X } from "lucide-react"; import { Calendar, Clock, Database, FolderOpen, HardDrive, Monitor, Tag, Trash2, X } from "lucide-react";
import { toast } from "sonner"; import { toast } from "sonner";
import { ByteSize } from "~/client/components/bytes-size"; import { ByteSize } from "~/client/components/bytes-size";
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/client/components/ui/table"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/client/components/ui/table";
@ -145,7 +145,7 @@ export const SnapshotsTable = ({ snapshots, repositoryId, backups, listSnapshots
</TableHead> </TableHead>
<TableHead className="uppercase">Snapshot ID</TableHead> <TableHead className="uppercase">Snapshot ID</TableHead>
<TableHead className="uppercase">Schedule</TableHead> <TableHead className="uppercase">Schedule</TableHead>
<TableHead className="uppercase">Hostname</TableHead> <TableHead className="uppercase">Source</TableHead>
<TableHead className="uppercase">Date & Time</TableHead> <TableHead className="uppercase">Date & Time</TableHead>
<TableHead className="uppercase">Size</TableHead> <TableHead className="uppercase">Size</TableHead>
<TableHead className="uppercase hidden md:table-cell text-right">Duration</TableHead> <TableHead className="uppercase hidden md:table-cell text-right">Duration</TableHead>
@ -200,9 +200,19 @@ export const SnapshotsTable = ({ snapshots, repositoryId, backups, listSnapshots
</div> </div>
</TableCell> </TableCell>
<TableCell> <TableCell>
<div className="flex items-center gap-2"> <div className="flex flex-col gap-2">
<Monitor className="h-4 w-4 text-muted-foreground" /> {snapshot.hostname && (
<span className="text-sm">{snapshot.hostname ?? "-"}</span> <div className="flex items-center gap-2">
<Monitor className="h-4 w-4 text-muted-foreground" />
<span className="text-sm">{snapshot.hostname ?? "-"}</span>
</div>
)}
{snapshot.paths.map((path) => (
<div key={path} className="flex items-center gap-2 text-muted-foreground min-w-0">
<FolderOpen className="h-3 w-3 text-muted-foreground" />
<span className="text-sm font-mono truncate max-w-sm" title={path}>{path}</span>
</div>
))}
</div> </div>
</TableCell> </TableCell>
<TableCell> <TableCell>