upload file

src/core/components/UploadSystem.jsx

@@ -92,7 +92,8 @@ const UploadSystem = ({
                 cursor: "pointer",
                 objectFit: "contain",
                 border: "1px solid #b3b3b3",
-                borderRadius: "10px",
+                borderTopRightRadius: "10px",
+                borderTopLeftRadius: "10px",
                 borderBottom: "unset",
                 padding: "5px",
               }}
@@ -106,10 +107,12 @@ const UploadSystem = ({
                   height: imageSize[1],
                   display: "flex",
                   border: "1px solid #b3b3b3",
-                  borderRadius: "10px",
+                  borderTopRightRadius: "10px",
+                  borderTopLeftRadius: "10px",
                   borderBottom: "unset",
                   alignItems: "center",
                   justifyContent: "center",
+                  cursor: "pointer",
                 }}
                 onClick={handleClick}
               >

src/core/components/notifications/UploadFileNotification.jsx

@@ -0,0 +1,37 @@
+import DangerousIcon from "@mui/icons-material/Dangerous";
+import { Box, Typography } from "@mui/material";
+import { toast } from "react-toastify";
+
+const UploadFileNotification = (directionApp, t) => {
+  toast(
+    ({ closeToast }) => (
+      <>
+        <Box
+          sx={{
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "start",
+            justifyContent: "start",
+          }}
+        >
+          <Box sx={{ display: "flex", alignItems: "center" }}>
+            <DangerousIcon color="error" sx={{ mr: 1.6 }} />
+            <Box sx={{ display: "flex", flexDirection: "column" }}>
+              <Typography color="error" variant="button">
+                {t("UploadSystem.uploadfile_error")}
+              </Typography>
+            </Box>
+          </Box>
+        </Box>
+      </>
+    ),
+    {
+      position: directionApp === "ltr" ? "top-left" : "top-right",
+      autoClose: false,
+      closeOnClick: false,
+      draggable: false,
+    }
+  );
+};
+
+export default UploadFileNotification;