From 6b2162d0d19d87571466846d8a83365df2237dba Mon Sep 17 00:00:00 2001
From: samuel Pelletier-Evraire <samuel.pelletier-evraire@inspection.gc.ca>
Date: Fri, 13 Dec 2024 11:29:56 -0500
Subject: [PATCH 1/6] - fix The submit button doesn't have the same minimum
 width as the FileList and Dropzone components.

---
 src/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5b9b4eb7..9624f195 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -98,7 +98,7 @@ function HomePage() {
               title={t("submit_button_disabled_hint")}
               disableHoverListener={uploadedFiles.length !== 0}
               placement="top"
-              className="w-[90%] max-w-full"
+              className="w-[90%] max-w-full min-w-[133.44px]"
             >
               <span className="flex justify-center w-full">
                 <Button

From bee51af8e85a5c3b6ee433aae818e5e67eb20408 Mon Sep 17 00:00:00 2001
From: samuel Pelletier-Evraire <samuel.pelletier-evraire@inspection.gc.ca>
Date: Fri, 13 Dec 2024 11:38:17 -0500
Subject: [PATCH 2/6] - fix  The picture resizing function cause unwanted
 border on bigger image.

-fix  The preview of the picture in the Dropzone wiggles when hovering over the FileElement.
---
 src/components/Dropzone.tsx | 40 +++----------------------------------
 1 file changed, 3 insertions(+), 37 deletions(-)

diff --git a/src/components/Dropzone.tsx b/src/components/Dropzone.tsx
index 3f52c94f..02b5d34c 100644
--- a/src/components/Dropzone.tsx
+++ b/src/components/Dropzone.tsx
@@ -36,7 +36,7 @@ const Dropzone: React.FC<DropzoneProps> = ({
   const theme = useTheme();
   const { t: tHomePage } = useTranslation("homePage");
   const { t: tAlertBanner } = useTranslation("alertBanner");
-    const { showAlert } = useAlertStore();
+  const { showAlert } = useAlertStore();
 
   const allowedImagesExtensions = [".png", ".jpg", ".jpeg"];
 
@@ -86,7 +86,6 @@ const Dropzone: React.FC<DropzoneProps> = ({
   }
 
   async function processFile(file: File) {
-
     const alreadyExists = uploadedFiles.some(
       (uploadedFile) => uploadedFile.getInfo().name === file.name
     );
@@ -99,7 +98,7 @@ const Dropzone: React.FC<DropzoneProps> = ({
     const newFile = FileUploaded.newFile(
       { username: "user" },
       URL.createObjectURL(file),
-      file,
+      file
     );
 
     const detectedType = await FileUploaded.detectType(newFile.getInfo().path);
@@ -110,34 +109,6 @@ const Dropzone: React.FC<DropzoneProps> = ({
     }
   }
 
-  /**
-   * Handles the image load event and updates the dropzone state based on the image width.
-   */
-  function handleImageLoad(event: ImageLoadEvent) {
-    const { width } = event.target;
-
-    const dropzoneElement = document.getElementById("dropzone");
-    if (!dropzoneElement) {
-      console.error("Dropzone element not found");
-      return;
-    }
-
-    const { width: parentWidth } = dropzoneElement.getBoundingClientRect();
-    const widthPercentage = (width / parentWidth) * 100;
-
-    if (widthPercentage >= 70) {
-      setDropzoneState((prevState) => ({
-        ...prevState,
-        fillPercentage: Math.max(widthPercentage, 100),
-      }));
-    } else {
-      setDropzoneState((prevState) => ({
-        ...prevState,
-        fillPercentage: 0,
-      }));
-    }
-  }
-
   return (
     <Box
       data-testid="dropzone"
@@ -153,12 +124,7 @@ const Dropzone: React.FC<DropzoneProps> = ({
           component="img"
           src={dropzoneState.imageUrl}
           alt={tHomePage("altText.hoveredImageAlt")}
-          onLoad={handleImageLoad}
-          className={`absolute max-w-full max-h-full object-contain ${
-            dropzoneState.fillPercentage && dropzoneState.fillPercentage >= 90
-              ? "w-[80%] h-[80%]"
-              : "w-auto h-auto"
-          }`}
+          className="absolute max-w-full max-h-full object-contain w-auto h-auto"
         />
       ) : (
         <Box className="text-center">

From 3d172bc979c96590f101a83aef909b02f93db027 Mon Sep 17 00:00:00 2001
From: samuel Pelletier-Evraire <samuel.pelletier-evraire@inspection.gc.ca>
Date: Fri, 13 Dec 2024 12:03:37 -0500
Subject: [PATCH 3/6] - fix:  User popup menu first row should not be
 clickable.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- fix: First row of the user menu popup should not be hoverable.

-fix: The hovering don’t fill all the row height
---
 src/components/UserMenu.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/UserMenu.tsx b/src/components/UserMenu.tsx
index c1543357..f123a2f9 100644
--- a/src/components/UserMenu.tsx
+++ b/src/components/UserMenu.tsx
@@ -94,6 +94,7 @@ const UserMenu = ({
         className="min-w-[36px]"
         onClick={(event) => event.preventDefault()}
         data-testid="profile-menu-item"
+        style={{ pointerEvents: "none", backgroundColor: "inherit" }}
       >
         <ListItemIcon aria-label={t("userMenu.altText.userIcon")}>
           <AccountCircle />
@@ -106,14 +107,12 @@ const UserMenu = ({
         </ListItemIcon>
         <Typography>{t("userMenu.dashboard")}</Typography>
       </MenuItem>
-      <Divider />
       <MenuItem data-testid="logout-menu-item" onClick={handleLogout}>
         <ListItemIcon aria-label={t("userMenu.altText.logoutIcon")}>
           <Logout />
         </ListItemIcon>
         <Typography>{t("userMenu.logout")}</Typography>
       </MenuItem>
-      <Divider />
       <Typography
         variant="caption"
         textAlign="center"

From 29b373eee59fdaa7c330c99d365605ca8d31f908 Mon Sep 17 00:00:00 2001
From: samuel Pelletier-Evraire <samuel.pelletier-evraire@inspection.gc.ca>
Date: Fri, 13 Dec 2024 12:08:46 -0500
Subject: [PATCH 4/6] - fix: Selectable text on side menu title (Should not be
 selectable):

-fix: text on dropzone should not be selectable.

-fix: text in fileList component should not be selectable.
---
 src/components/Dropzone.tsx | 8 ++++----
 src/components/FileList.tsx | 1 +
 src/components/Sidenav.tsx  | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/Dropzone.tsx b/src/components/Dropzone.tsx
index 02b5d34c..00816035 100644
--- a/src/components/Dropzone.tsx
+++ b/src/components/Dropzone.tsx
@@ -124,7 +124,7 @@ const Dropzone: React.FC<DropzoneProps> = ({
           component="img"
           src={dropzoneState.imageUrl}
           alt={tHomePage("altText.hoveredImageAlt")}
-          className="absolute max-w-full max-h-full object-contain w-auto h-auto"
+          className="absolute max-w-full max-h-full object-contain w-auto h-auto "
         />
       ) : (
         <Box className="text-center">
@@ -135,13 +135,13 @@ const Dropzone: React.FC<DropzoneProps> = ({
               fontSize: "7rem",
             }}
           />
-          <Typography variant="h5" color={theme.palette.secondary.main}>
+          <Typography  className="select-none" variant="h5" color={theme.palette.secondary.main}>
             <b>{tHomePage("dropzone.dragDrop")}</b>
           </Typography>
-          <Typography variant="h5" color={theme.palette.secondary.main}>
+          <Typography className="select-none" variant="h5" color={theme.palette.secondary.main}>
             <b>{tHomePage("dropzone.or")}</b>
           </Typography>
-          <Button variant="contained" component="label" color="secondary">
+          <Button className="select-none" variant="contained" component="label" color="secondary">
             <b>{tHomePage("dropzone.browseFile")}</b>
             <input
               type="file"
diff --git a/src/components/FileList.tsx b/src/components/FileList.tsx
index 1d7540ac..beb6688e 100644
--- a/src/components/FileList.tsx
+++ b/src/components/FileList.tsx
@@ -78,6 +78,7 @@ const FileList: React.FC<FileListProps> = ({
                     text-center max-w-full max-h-full object-contain `}
         >
           <Typography
+            className="select-none"
             variant="h5"
             color={theme.palette.text.primary}
             gutterBottom
diff --git a/src/components/Sidenav.tsx b/src/components/Sidenav.tsx
index 47b3df95..1d035adc 100644
--- a/src/components/Sidenav.tsx
+++ b/src/components/Sidenav.tsx
@@ -55,7 +55,7 @@ const SideNav = ({ open, onClose }: DrawerMenuProps) => {
                 height="40"
               />
             </Icon>
-            <Typography className="pl-2 self-center" variant="h6">
+            <Typography className="pl-2 self-center select-none" variant="h6">
               <b>{t("sideNav.FertiScan")}</b>
             </Typography>
           </Toolbar>

From 291d38c3c76cf944f478ebb065856bb380fa6e1d Mon Sep 17 00:00:00 2001
From: samuel Pelletier-Evraire <samuel.pelletier-evraire@inspection.gc.ca>
Date: Fri, 13 Dec 2024 12:13:39 -0500
Subject: [PATCH 5/6] - fix lint

---
 src/components/Dropzone.tsx | 3 +--
 src/components/UserMenu.tsx | 1 -
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/Dropzone.tsx b/src/components/Dropzone.tsx
index 00816035..73f91a4c 100644
--- a/src/components/Dropzone.tsx
+++ b/src/components/Dropzone.tsx
@@ -2,7 +2,7 @@
 import React from "react";
 import { Box, Button, Typography, useTheme } from "@mui/material";
 import { CloudUpload } from "@mui/icons-material";
-import type { ImageLoadEvent, DropzoneState } from "@/types/types";
+import type { DropzoneState } from "@/types/types";
 import FileUploaded from "@/classe/File";
 import { useTranslation } from "react-i18next";
 import useAlertStore from "@/stores/alertStore";
@@ -31,7 +31,6 @@ const Dropzone: React.FC<DropzoneProps> = ({
   uploadedFiles,
   setUploadedFiles,
   dropzoneState,
-  setDropzoneState,
 }) => {
   const theme = useTheme();
   const { t: tHomePage } = useTranslation("homePage");
diff --git a/src/components/UserMenu.tsx b/src/components/UserMenu.tsx
index f123a2f9..86683d93 100644
--- a/src/components/UserMenu.tsx
+++ b/src/components/UserMenu.tsx
@@ -3,7 +3,6 @@ import { usePlaceholder } from "@/classe/User";
 import { AccountCircle, Logout } from "@mui/icons-material";
 import DashboardIcon from "@mui/icons-material/Dashboard";
 import {
-  Divider,
   ListItemIcon,
   Menu,
   MenuItem,

From b3daffb65537a02e85e079ecbab1337bd93e6099 Mon Sep 17 00:00:00 2001
From: Samuel Pelletier Evraire <samuel.pelletier-evraire@inspection.gc.ca>
Date: Tue, 17 Dec 2024 11:49:15 -0500
Subject: [PATCH 6/6] - fix Eslint cause by merge

---
 src/components/Dropzone.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dropzone.tsx b/src/components/Dropzone.tsx
index af4ce36b..e2c04a42 100644
--- a/src/components/Dropzone.tsx
+++ b/src/components/Dropzone.tsx
@@ -2,7 +2,7 @@
 import FileUploaded from "@/classe/File";
 import useAlertStore from "@/stores/alertStore";
 import useUploadedFilesStore from "@/stores/fileStore";
-import type { DropzoneState, ImageLoadEvent } from "@/types/types";
+import type { DropzoneState } from "@/types/types";
 import { CloudUpload } from "@mui/icons-material";
 import { Box, Button, Typography, useTheme } from "@mui/material";
 import React from "react";