Fixing Build, and Prettier

Author: ThomasCode92

src/app/page.tsx

@@ -1,56 +1,57 @@
-"use client"
+"use client";
 
-import { useState } from "react"
-import { File, mockFiles } from "../lib/mock-data"
-import { Folder, FileIcon, Upload, ChevronRight } from "lucide-react"
-import Link from "next/link"
-import { Button } from "~/components/ui/button"
+import { ChevronRight, FileIcon, Folder, Upload } from "lucide-react";
+import Link from "next/link";
+import { useState } from "react";
+
+import { Button } from "~/components/ui/button";
+import { mockFiles } from "~/lib/mock-data";
 
 export default function GoogleDriveClone() {
-  const [currentFolder, setCurrentFolder] = useState<string | null>(null)
+  const [currentFolder, setCurrentFolder] = useState<string | null>(null);
 
   const getCurrentFiles = () => {
-    return mockFiles.filter((file) => file.parent === currentFolder)
-  }
+    return mockFiles.filter((file) => file.parent === currentFolder);
+  };
 
   const handleFolderClick = (folderId: string) => {
-    setCurrentFolder(folderId)
-  }
+    setCurrentFolder(folderId);
+  };
 
   const getBreadcrumbs = () => {
-    const breadcrumbs = []
-    let currentId = currentFolder
+    const breadcrumbs = [];
+    let currentId = currentFolder;
 
     while (currentId !== null) {
-      const folder = mockFiles.find((file) => file.id === currentId)
+      const folder = mockFiles.find((file) => file.id === currentId);
       if (folder) {
-        breadcrumbs.unshift(folder)
-        currentId = folder.parent
+        breadcrumbs.unshift(folder);
+        currentId = folder.parent;
       } else {
-        break
+        break;
       }
     }
 
-    return breadcrumbs
-  }
+    return breadcrumbs;
+  };
 
   const handleUpload = () => {
-    alert("Upload functionality would be implemented here")
-  }
+    alert("Upload functionality would be implemented here");
+  };
 
   return (
-    <div className="min-h-screen bg-gray-900 text-gray-100 p-8">
-      <div className="max-w-6xl mx-auto">
-        <div className="flex justify-between items-center mb-6">
+    <div className="min-h-screen bg-gray-900 p-8 text-gray-100">
+      <div className="mx-auto max-w-6xl">
+        <div className="mb-6 flex items-center justify-between">
           <div className="flex items-center">
             <Button
               onClick={() => setCurrentFolder(null)}
               variant="ghost"
-              className="text-gray-300 hover:text-white mr-2"
+              className="mr-2 text-gray-300 hover:text-white"
             >
               My Drive
             </Button>
-            {getBreadcrumbs().map((folder, index) => (
+            {getBreadcrumbs().map((folder) => (
               <div key={folder.id} className="flex items-center">
                 <ChevronRight className="mx-2 text-gray-500" size={16} />
                 <Button
@@ -63,13 +64,16 @@ export default function GoogleDriveClone() {
               </div>
             ))}
           </div>
-          <Button onClick={handleUpload} className="bg-blue-600 text-white hover:bg-blue-700">
+          <Button
+            onClick={handleUpload}
+            className="bg-blue-600 text-white hover:bg-blue-700"
+          >
             <Upload className="mr-2" size={20} />
             Upload
           </Button>
         </div>
-        <div className="bg-gray-800 rounded-lg shadow-xl">
-          <div className="px-6 py-4 border-b border-gray-700">
+        <div className="rounded-lg bg-gray-800 shadow-xl">
+          <div className="border-b border-gray-700 px-6 py-4">
             <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>
@@ -78,8 +82,11 @@ export default function GoogleDriveClone() {
           </div>
           <ul>
             {getCurrentFiles().map((file) => (
-              <li key={file.id} className="px-6 py-4 border-b border-gray-700 hover:bg-gray-750">
-                <div className="grid grid-cols-12 gap-4 items-center">
+              <li
+                key={file.id}
+                className="hover:bg-gray-750 border-b border-gray-700 px-6 py-4"
+              >
+                <div className="grid grid-cols-12 items-center gap-4">
                   <div className="col-span-6 flex items-center">
                     {file.type === "folder" ? (
                       <button
@@ -90,21 +97,27 @@ export default function GoogleDriveClone() {
                         {file.name}
                       </button>
                     ) : (
-                      <Link href={file.url || "#"} className="flex items-center text-gray-100 hover:text-blue-400">
+                      <Link
+                        href={file.url ?? "#"}
+                        className="flex items-center text-gray-100 hover:text-blue-400"
+                      >
                         <FileIcon className="mr-3" size={20} />
                         {file.name}
                       </Link>
                     )}
                   </div>
-                  <div className="col-span-3 text-gray-400">{file.type === "folder" ? "Folder" : "File"}</div>
-                  <div className="col-span-3 text-gray-400">{file.type === "folder" ? "--" : "2 MB"}</div>
+                  <div className="col-span-3 text-gray-400">
+                    {file.type === "folder" ? "Folder" : "File"}
+                  </div>
+                  <div className="col-span-3 text-gray-400">
+                    {file.type === "folder" ? "--" : "2 MB"}
+                  </div>
                 </div>
               </li>
             ))}
           </ul>
         </div>
       </div>
     </div>
-  )
+  );
 }
-