Merge branch 'upload-tus' into 'develop'

Automatically select newly uploaded file

See merge request ademe-group/sofia/liriae_viewer!64

src/components/ViewerSidePanel.tsx

@@ -150,7 +150,6 @@ export default function ViewerSidePanel({
         Authorization: accessToken!,
       },
       onError: function (error) {
-        console.error("Failed because: " + error);
         setAlert({
           description: error.message,
           isOpen: true,
@@ -161,7 +160,7 @@ export default function ViewerSidePanel({
       },
       onProgress: function (bytesUploaded, bytesTotal) {
         const percentage = ((bytesUploaded / bytesTotal) * 100).toFixed(0);
-        setUploadPercentage(percentage)
+        setUploadPercentage(percentage);
       },
       onSuccess: async function () {
         setIsUploading(false);
@@ -175,6 +174,13 @@ export default function ViewerSidePanel({
         );
         if (res.ok) {
           const docs = await res.json();
+          const newDoc = docs.items.find(
+            (d: LiriaeDocument) =>
+              !liriaeDocuments.find((doc) => doc.id === d.id)
+          );
+          if (newDoc) {
+            navigateToDoc(newDoc);
+          }
           setLiriaeDocuments(docs.items);
         }
         setAlert({
@@ -185,9 +191,6 @@ export default function ViewerSidePanel({
           autoHide: true,
         });
       },
-      onUploadUrlAvailable: () => {
-        console.log("Url available", upload.url);
-      },
     });
 
     // Check if there are any previous uploads to continue.
@@ -275,8 +278,11 @@ export default function ViewerSidePanel({
           }
         }
       }
-      // And load it
-      navigateToDoc(selectedDoc, pageNum);
+      // And load it only if its a new selectedDoc
+      // Prevent bug when url change, but useParams doesn't update it on time
+      if (!selectedDocument || selectedDocument.id !== selectedDoc.id) {
+        navigateToDoc(selectedDoc, pageNum);
+      }
     }
   }, [liriaeDocuments]);
 
@@ -348,7 +354,9 @@ export default function ViewerSidePanel({
         onClick={handleClick}
         priority="secondary"
       >
-        {isUploading ? `Envoi en cours ${uploadPercentage}%` : "Ajouter des fichiers"}
+        {isUploading
+          ? `Envoi en cours ${uploadPercentage}%`
+          : "Ajouter des fichiers"}
         {isUploading && (
           <CircularProgress
             size={24}