diff --git a/apps/client/app/routes/home.tsx b/apps/client/app/routes/home.tsx
index 92070a5..a8460de 100644
--- a/apps/client/app/routes/home.tsx
+++ b/apps/client/app/routes/home.tsx
@@ -2,6 +2,7 @@ import { useQuery } from "@tanstack/react-query";
import { Copy, RotateCcw } from "lucide-react";
import { useState } from "react";
import { useNavigate } from "react-router";
+import { toast } from "sonner";
import { listVolumes } from "~/api-client";
import { listVolumesOptions } from "~/api-client/@tanstack/react-query.gen";
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 { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/components/ui/table";
import { VolumeIcon } from "~/components/volume-icon";
+import { copyToClipboard } from "~/utils/clipboard";
import type { Route } from "./+types/home";
export function meta(_: Route.MetaArgs) {
@@ -145,12 +147,20 @@ export default function Home({ loaderData }: Route.ComponentProps) {
-
+
+