From 4f43d60285ab5fdcd83cdf3c4b1c86c924e3548e Mon Sep 17 00:00:00 2001
From: Yasiu1376 <yasaman1376529@gmail.com>
Date: Mon, 24 Jul 2023 10:51:58 +0330
Subject: [PATCH] fix_upload

---
 src/core/components/UploadSystem.jsx | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/core/components/UploadSystem.jsx b/src/core/components/UploadSystem.jsx
index adbe27d..f64cf17 100644
--- a/src/core/components/UploadSystem.jsx
+++ b/src/core/components/UploadSystem.jsx
@@ -1,4 +1,4 @@
-import { Box, Button, Typography } from "@mui/material";
+import { Box, Button, Paper, Typography } from "@mui/material";
 import { useTranslations } from "next-intl";
 import Image from "next/image";
 import AddIcon from "@mui/icons-material/Add";
@@ -96,17 +96,24 @@ const UploadSystem = ({
                 borderTopLeftRadius: "10px",
                 borderBottom: "unset",
                 padding: "5px",
+                overflow: "hidden",
               }}
               onClick={handleClick}
             >
-              <Image
-                width={imageSize[0]}
-                height={imageSize[1]}
-                src={selectedImage}
-                priority
-                alt={imageAlt}
-                style={{ padding: 5 }}
-              />
+              <Paper
+                elevation={0}
+                sx={{
+                  width: "100%",
+                  height: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  backgroundSize: "contain",
+                  backgroundRepeat: "no-repeat",
+                  backgroundPosition: "center",
+                  backgroundImage: `url(${selectedImage})`,
+                }}
+              ></Paper>
             </Box>
           ) : (
             fileType &&