update tabel aksi all

components/FileTable.tsx

@@ -42,6 +42,53 @@ export default function FileTable({ fetchData, ragData }: FileTableProps) {
     }
   }, [ragData]);
 
+  const downloadAllFiles = async () => {
+    if (!sortedData.length) return;
+
+    for (const item of sortedData) {
+      await downloadItem(item.name);
+    }
+  };
+
+  const deleteAllFiles = async () => {
+    const confirmed = window.confirm("Yakin ingin menghapus SEMUA file?");
+    if (!confirmed) return;
+
+    try {
+      const fileNames = sortedData.map((item) => item.name);
+      setLoadingMap(
+        fileNames.reduce((acc, name) => ({ ...acc, [name]: true }), {}),
+      );
+
+      const { error } = await supabase.storage
+        .from("pnp-bot-storage")
+        .remove(fileNames);
+
+      if (error) {
+        toast({
+          title: "Gagal menghapus semua file",
+          description: error.message,
+          variant: "destructive",
+        });
+      } else {
+        toast({
+          title: "Semua file berhasil dihapus",
+          description: `${fileNames.length} file telah dihapus.`,
+        });
+        fetchData(); // refresh data
+      }
+    } catch (err) {
+      console.error("Gagal menghapus semua file:", err);
+      toast({
+        title: "Terjadi kesalahan",
+        description: "Tidak dapat menghapus semua file.",
+        variant: "destructive",
+      });
+    } finally {
+      setLoadingMap({});
+    }
+  };
+
   const deleteItem = async (fileName: string) => {
     const confirmed = window.confirm(
       `Yakin ingin menghapus file "${fileName}"?`,
@@ -184,7 +231,28 @@ export default function FileTable({ fetchData, ragData }: FileTableProps) {
             <TableHead className="min-w-[240px]">Name</TableHead>
             <TableHead>Uploaded At</TableHead>
             <TableHead>File Size</TableHead>
-            <TableHead></TableHead>
+            <TableHead className="text-center">
+              <div className="flex justify-center gap-2">
+                <Button
+                  size="sm"
+                  variant="outline"
+                  className="hover:bg-blue-600 hover:text-white"
+                  onClick={downloadAllFiles}
+                >
+                  <DownloadIcon className="mr-1 h-4 w-4" />
+                  All
+                </Button>
+                <Button
+                  size="sm"
+                  variant="destructive"
+                  className="hover:bg-red-800"
+                  onClick={deleteAllFiles}
+                >
+                  <TrashIcon className="mr-1 h-4 w-4" />
+                  All
+                </Button>
+              </div>
+            </TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>