ondra/ironmount
1
1
Fork 0
mirror of https://github.com/nicotsx/ironmount.git synced 2025-12-10 12:10:51 +01:00
Code Issues Packages Projects Releases 1 Wiki Activity

feat: base backups tab

Browse Source
This commit is contained in:
Nicolas Meienberger
2025-09-26 21:14:39 +02:00
parent bc6e6c9700
commit 4fe742e5c8
4 changed files with 612 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/client/app/modules/details/components/healthchecks-card.tsx
View File

@@ -4,6 +4,7 @@ import { Button } from "~/components/ui/button";
import { Card } from "~/components/ui/card";
import { Switch } from "~/components/ui/switch";
import type { Volume } from "~/lib/types";
import { cn } from "~/lib/utils";
type Props = {
volume: Volume;
@@ -21,14 +22,25 @@ export const HealthchecksCard = ({ volume }: Props) => {
<ScanHeartIcon className="h-4 w-4" />
<h2 className="text-lg font-medium">Health Checks</h2>
</span>
{volume.lastError && <span className="text-md text-red-600 ">{volume.lastError}</span>}
{volume.status === "mounted" && <span className="text-md text-green-600">Healthy</span>}
{volume.lastError && <span className="text-md text-amber-600 ">{volume.lastError}</span>}
{volume.status === "mounted" && <span className="text-md text-emerald-500">Healthy</span>}
{volume.status !== "unmounted" && (
<span className="text-xs text-muted-foreground mb-4">Checked {timeAgo || "never"}</span>
)}
<span className="flex items-center gap-2">
<span className="flex justify-between items-center gap-2">
Remount on error
<Switch className="ml-auto cursor-pointer" checked={Boolean(volume.autoRemount)} />
<div
className={cn(
"flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs font-semibold uppercase tracking-wide transition-colors",
Boolean(volume.autoRemount)
? "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-500/40 dark:bg-emerald-500/10 dark:text-emerald-200"
: "border-muted bg-muted/40 text-muted-foreground dark:border-muted/60 dark:bg-muted/10",
)}
>
<span>{volume.autoRemount ? "Enabled" : "Paused"}</span>
<Switch checked={Boolean(volume.autoRemount)} onCheckedChange={() => {}} />
</div>
</span>
</div>
<Button variant="outline">Run Health Check</Button>