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

fix(list): copy path to clipboard

Browse Source
This commit is contained in:
Nicolas Meienberger
2025-10-17 23:26:58 +02:00
parent 8fcc9ada74
commit 5b6a86331e
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/client/app/routes/home.tsx
View File

@@ -2,6 +2,7 @@ import { useQuery } from "@tanstack/react-query";
import { Copy, RotateCcw } from "lucide-react"; import { Copy, RotateCcw } from "lucide-react";
import { useState } from "react"; import { useState } from "react";
import { useNavigate } from "react-router"; import { useNavigate } from "react-router";
import { toast } from "sonner";
import { listVolumes } from "~/api-client"; import { listVolumes } from "~/api-client";
import { listVolumesOptions } from "~/api-client/@tanstack/react-query.gen"; import { listVolumesOptions } from "~/api-client/@tanstack/react-query.gen";
import { CreateVolumeDialog } from "~/components/create-volume-dialog"; import { CreateVolumeDialog } from "~/components/create-volume-dialog";
@@ -13,6 +14,7 @@ import { Input } from "~/components/ui/input";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/components/ui/select"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/components/ui/select";
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/components/ui/table"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/components/ui/table";
import { VolumeIcon } from "~/components/volume-icon"; import { VolumeIcon } from "~/components/volume-icon";
import { copyToClipboard } from "~/utils/clipboard";
import type { Route } from "./+types/home"; import type { Route } from "./+types/home";
export function meta(_: Route.MetaArgs) { export function meta(_: Route.MetaArgs) {
@@ -145,12 +147,20 @@ export default function Home({ loaderData }: Route.ComponentProps) {
<VolumeIcon backend={volume.type} /> <VolumeIcon backend={volume.type} />
</TableCell> </TableCell>
<TableCell className="hidden sm:table-cell"> <TableCell className="hidden sm:table-cell">
<span className="flex items-center gap-2"> <button
type="button"
className="flex items-center gap-2 cursor-pointer hover:opacity-70 transition-opacity"
onClick={(e) => {
e.stopPropagation();
copyToClipboard(volume.path);
toast.success("Path copied to clipboard");
}}
>
<span className="text-muted-foreground text-xs truncate bg-primary/10 rounded-md px-2 py-1"> <span className="text-muted-foreground text-xs truncate bg-primary/10 rounded-md px-2 py-1">
{volume.path} {volume.path}
</span> </span>
<Copy size={10} /> <Copy size={10} />
</span> </button>
</TableCell> </TableCell>
<TableCell className="text-center"> <TableCell className="text-center">
<StatusDot status={volume.status} /> <StatusDot status={volume.status} />