Use Folder Id from URL when Uploading a File

Author: ThomasCode92

src/app/drive-contents.tsx

@@ -13,6 +13,7 @@ export default function DriveContents(props: {
   files: File[];
   folders: Folder[];
   parents: Folder[];
+  currentFolderId: number;
 }) {
   const navigate = useRouter();
 
@@ -65,6 +66,7 @@ export default function DriveContents(props: {
         </div>
         <UploadButton
           endpoint="imageUploader"
+          input={{ folderId: props.currentFolderId }}
           onClientUploadComplete={() => {
             navigate.refresh();
           }}

src/app/f/[folderId]/page.tsx

@@ -20,5 +20,12 @@ export default async function GoogleDriveClone(props: {
     queries.getAllParentsForFolder(data.folderId),
   ]);
 
-  return <DriveContents folders={folders} files={files} parents={parents} />;
+  return (
+    <DriveContents
+      folders={folders}
+      files={files}
+      parents={parents}
+      currentFolderId={data.folderId}
+    />
+  );
 }