sort based on last modified date

Author: abhitrueprogrammer

src/app/api/ai-upload/route.ts

@@ -40,14 +40,12 @@ export async function POST(req: Request) {
     const files: File[] = formData.getAll("files") as File[];
     const isPdf = formData.get("isPdf") === "true"; // Convert string to boolean
 
-    const orderedFiles = Array.from(files).sort((a, b) => {
-      return a.name.localeCompare(b.name);
-    });
+
     let imageURL = "";
     if (isPdf) {
       imageURL = formData.get("image") as string;
     } else {
-      const bytes = await orderedFiles[0]?.arrayBuffer();
+      const bytes = await files[0]?.arrayBuffer();
       if (bytes) {
         const buffer = Buffer.from(bytes);
         imageURL = `data:${"image/png"};base64,${buffer.toString("base64")}`;
@@ -126,7 +124,7 @@ export async function POST(req: Request) {
           return;
         }
 
-        const mergedPdfBytes = await CreatePDF(orderedFiles);
+        const mergedPdfBytes = await CreatePDF(files);
         [public_id_cloudinary, finalUrl] = await uploadPDFFile(
           mergedPdfBytes,
           uploadPreset,

src/app/upload/page.tsx

@@ -44,9 +44,10 @@ const Page = () => {
   const [campus, setCampus] = useState("Vellore");
 
   const [files, setFiles] = useState<File[]>([]);
+
   const [isUploading, setIsUploading] = useState(false);
   const [, setResetSearch] = useState(false);
-  function pdfCheckAndSelect<T extends File>(acceptedFiles: T[]) {
+  function fileCheckAndSelect<T extends File>(acceptedFiles: T[]) {
     const maxFileSize = 5 * 1024 * 1024;
     const allowedFileTypes = [
       "application/pdf",
@@ -96,8 +97,11 @@ const Page = () => {
       return;
     }
 
-    setFiles(acceptedFiles);
-    toast.success(`${acceptedFiles.length} files selected!`, {
+    const orderedFiles = files.sort((a, b) => {
+      return a.lastModified - b.lastModified;
+    });
+    setFiles(orderedFiles);
+    toast.success(`${orderedFiles.length} files selected!`, {
       id: toastId,
     });
   }
@@ -160,7 +164,7 @@ const Page = () => {
           <div className="flex w-full flex-col 2xl:gap-y-4">
             {/* File Dropzone */}
             <div>
-              <Dropzone onDrop={pdfCheckAndSelect}>
+              <Dropzone onDrop={fileCheckAndSelect}>
                 {({ getRootProps, getInputProps }) => (
                   <section className="my-2 -mr-2 cursor-pointer rounded-2xl border-2 border-dashed p-8 text-center">
                     <div {...getRootProps()}>