Added actions file

Author: CoderFaris

src/app/f/[folderId]/drive-contents.tsx

@@ -53,8 +53,9 @@ export default function DriveContents(props:{
           <div className="px-6 py-4 border-b border-gray-700">
             <div className="grid grid-cols-12 gap-4 text-sm font-medium text-gray-400">
               <div className="col-span-6">Name</div>
-              <div className="col-span-3">Type</div>
+              <div className="col-span-2">Type</div>
               <div className="col-span-3">Size</div>
+              <div className="col-span-1"></div>
             </div>
           </div>
           <ul>

src/app/f/[folderId]/file-row.tsx

@@ -1,5 +1,7 @@
-import { Folder as FolderIcon, FileIcon} from "lucide-react"
+import { Folder as FolderIcon, FileIcon, Trash2Icon} from "lucide-react"
 import Link from "next/link"
+import { Button } from "~/components/ui/button";
+import { deleteFile } from "~/server/actions";
 import type { files_table, folders_table } from "~/server/db/schema";
 
 export function FileRow(props: {file : typeof files_table.$inferSelect}) {
@@ -14,8 +16,13 @@ export function FileRow(props: {file : typeof files_table.$inferSelect}) {
 
                       </Link>
                  </div>
-                  <div className="col-span-3 text-gray-400">{"file"}</div>
+                  <div className="col-span-2 text-gray-400">{"file"}</div>
                   <div className="col-span-3 text-gray-400">{file.size}</div>
+                  <div className="col-span-1 text-gray-400">
+                    <Button variant="ghost" onClick={()=>deleteFile(file.id)} aria-label="Delete file">
+                      <Trash2Icon size={20}/>
+                    </Button>
+                  </div>
                 </div>
         </li>
     )

src/server/actions.ts

@@ -0,0 +1,38 @@
+"use server";
+
+import { and, eq } from "drizzle-orm";
+import { db } from "./db";
+import { files_table } from "./db/schema";
+import { auth } from "@clerk/nextjs/server";
+import { UTApi } from "uploadthing/server";
+import { cookies } from "next/headers";
+
+const utApi = new UTApi()
+
+export async function deleteFile(fileId : number) {
+    const session = await auth()
+
+    if(!session.userId) {
+        return {error: "Unauthorized"}
+    }
+
+    const [file] = await db.select().from(files_table).where(and(eq(files_table.id, fileId), eq(files_table.ownerId, session.userId)))
+
+    if(!file) {
+        return {error: "File not found"}
+    }
+
+    const utapiResult = await utApi.deleteFiles([file.url.replace('https://o6lauiq7z3.ufs.sh/f/', "")])
+
+    console.log(utapiResult)
+
+    const dbDeleteresult = await db.delete(files_table).where(eq(files_table.id, fileId))
+
+    console.log(dbDeleteresult)
+
+    const c = await cookies()
+
+    c.set("force-refresh", JSON.stringify(Math.random()))
+
+    return {success : "true"}
+}