DEVT67 - changed limit, added file size warning (#60)

Author: safipatel

app/classrooms/[classroomId]/upload/uploadComponent.tsx

@@ -30,6 +30,8 @@ type UploadedFile = {
   status: string;
 };
 
+const ACTION_MAX_SIZE_BYTES = 10 * 1_000_000; // this is set in next.config.ts
+
 export default function UploadComponent({
   classroomId,
   classroomName,
@@ -75,6 +77,14 @@ export default function UploadComponent({
 
   const handleFileChange = (e: ChangeEvent<HTMLInputElement>) => {
     if (e.target.files && e.target.files.length > 0) {
+      if (e.target.files[0].size > ACTION_MAX_SIZE_BYTES) {
+        toast.error("File size too big!");
+        e.preventDefault();
+        if (inputFile.current) {
+          inputFile.current.value = "";
+        }
+        return;
+      }
       setFile(e.target.files[0]);
     }
   };

app/layout.tsx

@@ -60,7 +60,7 @@ export default async function RootLayout({
                 <Toaster
                   // richColors
                   duration={40000}
-                  expand
+                  // expand
                   // richColors
                   closeButton
                   toastOptions={{

next.config.ts

@@ -13,6 +13,11 @@ const nextConfig: NextConfig = {
       },
     ],
   },
+  experimental: {
+    serverActions: {
+      bodySizeLimit: "10mb",
+    },
+  },
 };
 
 export default nextConfig;