Fixing bug while editing mobility

routes/(apps)/mobility/(_islands)/ConsultMobility.tsx

@@ -35,7 +35,7 @@ export default function ConsultMobility() {
             destinationCountry: existingMobility?.destinationCountry || null,
             destinationName: existingMobility?.destinationName || null,
             mobilityStatus: existingMobility?.mobilityStatus || "N/A",
-            attestationFile: existingMobility?.attestationFile || null, // Ajouter le fichier
+            attestationFile: existingMobility?.attestationFile || null,
             promotionId: student.promotionId,
             promotionName: student.promotionName,
           };

routes/(apps)/mobility/(_islands)/EditMobility.tsx

@@ -30,9 +30,9 @@ export default function EditMobility() {
           destinationCountry: existingMobility?.destinationCountry || null,
           destinationName: existingMobility?.destinationName || null,
           mobilityStatus: existingMobility?.mobilityStatus || "N/A",
+          attestationFile: existingMobility?.attestationFile || null,
           promotionId: student.promotionId,
           promotionName: student.promotionName,
-          attestationFile: null,
         };
       });
       setMobilityData(initializedData);
@@ -50,11 +50,22 @@ export default function EditMobility() {
     setMobilityData((prev) =>
       prev.map((entry) =>
         entry.studentId === studentId
-          ? { ...entry, attestationFile: file }
+          ? { ...entry, attestationFile: file || null }
           : entry
       )
     );
   };
+
+  const handleRemoveFile = (studentId: string) => {
+    setMobilityData((prev) =>
+      prev.map((entry) =>
+        entry.studentId === studentId
+          ? { ...entry, attestationFile: null }
+          : entry
+      )
+    );
+  };
+
   const handleChange = (
     studentId: string,
     field: keyof MobilityData,
@@ -67,33 +78,34 @@ export default function EditMobility() {
     );
   };
 
-
   const handleSave = async () => {
     setIsSaving(true);
 
     try {
-      console.log("EditMobility: Preparing data for API...");
+      console.log("EditMobility: Sending data to API...");
+
       const formData = new FormData();
 
       mobilityData.forEach((entry) => {
-        const jsonEntry = {
+        formData.append(
-          id: entry.id,
+          "data",
-          studentId: entry.studentId,
+          JSON.stringify({
-          startDate: entry.startDate,
+            id: entry.id,
-          endDate: entry.endDate,
+            studentId: entry.studentId,
-          destinationCountry: entry.destinationCountry,
+            startDate: entry.startDate,
-          destinationName: entry.destinationName,
+            endDate: entry.endDate,
-          mobilityStatus: entry.mobilityStatus,
+            destinationCountry: entry.destinationCountry,
-        };
+            destinationName: entry.destinationName,
+            mobilityStatus: entry.mobilityStatus,
+          })
+        );
 
-        formData.append("data", JSON.stringify(jsonEntry));
+        if (entry.attestationFile instanceof File) {
-
-        if (entry.attestationFile) {
           formData.append(`file_${entry.studentId}`, entry.attestationFile);
         }
       });
 
-      console.log("EditMobility: FormData prepared:", [...formData.entries()]);
+      console.log("EditMobility: FormData prepared:", formData);
 
       const response = await fetch("/mobility/api/insert-mobility", {
         method: "POST",
@@ -199,7 +211,11 @@ export default function EditMobility() {
                           type="text"
                           value={entry.destinationCountry || ""}
                           onChange={(e) =>
-                            handleChange(entry.studentId, "destinationCountry", e.target.value)
+                            handleChange(
+                              entry.studentId,
+                              "destinationCountry",
+                              e.target.value
+                            )
                           }
                         />
                       </td>
@@ -227,13 +243,33 @@ export default function EditMobility() {
                         </select>
                       </td>
                       <td>
-                        <input
+                        {entry.attestationFile ? (
-                          type="file"
+                          <>
-                          accept=".pdf"
+                            <a
-                          onChange={(e) =>
+                              href={`/api/download/${entry.id}`}
-                            handleFileChange(entry.studentId, e.target.files?.[0] || null)
+                              target="_blank"
-                          }
+                              rel="noopener noreferrer"
-                        />
+                            >
+                              View Current File
+                            </a>
+                            <button
+                              onClick={() => handleRemoveFile(entry.studentId)}
+                            >
+                              Remove
+                            </button>
+                          </>
+                        ) : (
+                          <input
+                            type="file"
+                            accept=".pdf"
+                            onChange={(e) =>
+                              handleFileChange(
+                                entry.studentId,
+                                e.target.files?.[0] || null
+                              )
+                            }
+                          />
+                        )}
                       </td>
                     </tr>
                   ))}