Add upload percentage

src/components/ViewerSidePanel.tsx

@@ -36,6 +36,7 @@ export default function ViewerSidePanel({
   const documentsRef = useRef(liriaeDocuments);
 
   const [isUploading, setIsUploading] = useState(false);
+  const [uploadPercentage, setUploadPercentage] = useState("0");
   // We'll need to display an alert message whether the files upload is successful or not
   const { setAlert } = useContext(AlertContext);
   const uploadInputRef = useRef<HTMLInputElement>(null);
@@ -159,8 +160,8 @@ export default function ViewerSidePanel({
         setIsUploading(false);
       },
       onProgress: function (bytesUploaded, bytesTotal) {
-        var percentage = ((bytesUploaded / bytesTotal) * 100).toFixed(2);
-        console.log(bytesUploaded, bytesTotal, percentage + "%");
+        const percentage = ((bytesUploaded / bytesTotal) * 100).toFixed(0);
+        setUploadPercentage(percentage)
       },
       onSuccess: async function () {
         setIsUploading(false);
@@ -191,7 +192,6 @@ export default function ViewerSidePanel({
 
     // Check if there are any previous uploads to continue.
     const previousUploads = await upload.findPreviousUploads();
-    console.log("Previous Uploads", previousUploads);
     // Found previous uploads so we select the first one.
     if (previousUploads.length) {
       upload.resumeFromPreviousUpload(previousUploads[0]);
@@ -348,7 +348,7 @@ export default function ViewerSidePanel({
         onClick={handleClick}
         priority="secondary"
       >
-        {isUploading ? "Envoi en cours" : "Ajouter des fichiers"}
+        {isUploading ? `Envoi en cours ${uploadPercentage}%` : "Ajouter des fichiers"}
         {isUploading && (
           <CircularProgress
             size={24}