# HG changeset patch
# User Fabien Amarger <fabien.amarger@logilab.fr>
# Date 1711554707 -3600
#      Wed Mar 27 16:51:47 2024 +0100
# Node ID c721fa8511f627b5905b10924983566d3243e1f6
# Parent  35bceb8037fa9c06b854f835ecd840a081a93bdd
fix(frontend): Force refresh file data when changed on form

diff --git a/frontend/src/components/FileField.tsx b/frontend/src/components/FileField.tsx
--- a/frontend/src/components/FileField.tsx
+++ b/frontend/src/components/FileField.tsx
@@ -37,19 +37,23 @@
   const onFileChange: ChangeEventHandler<HTMLInputElement> = (e) => {
     if (e.target.files && e.target.files.length > 0 && onChange) {
       const file = e.target.files[0];
-      if (value) {
-        onChange({
-          ...value,
-          data: file,
-        });
-      } else {
-        onChange({
-          data: file,
-        });
-      }
+      onChange({
+        data: file,
+        updateKey: value?.updateKey !== undefined ? value.updateKey + 1 : 0,
+      });
     }
   };
 
+  function getFileName() {
+    if (value?.data) {
+      return `(${value.data.name})`;
+    }
+    if (value?.downloadUrl) {
+      return `(${getFileNameFromURL(value?.downloadUrl)})`;
+    }
+    return "";
+  }
+
   const filePresent = value?.downloadUrl || value?.data;
 
   return (