From 6140f4c31d94813f6523eb55cf03413f3c143f0a Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Sun, 17 Dec 2023 00:34:54 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D0=BD=D0=B0=D1=81=D1=82=D1=80=D0=BE=D0=B5?=
 =?UTF-8?q?=D0=BA=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BE=D0=BA=20=D0=90=D1=80?=
 =?UTF-8?q?=D1=82=D1=91=D0=BC=D0=B0=20=D0=B2=20=D0=BC=D0=BE=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=BB=D0=BA=D0=B5=20=D0=BD=D0=B0=D1=81=D1=82=D1=80=D0=BE=D0=B9?=
 =?UTF-8?q?=D0=BA=D0=B8=20=D0=BA=D0=B0=D1=80=D1=82=D0=B8=D0=BD=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui_kit/Modal/CropModal.tsx | 47 +++++++++++++++++++---------------
 1 file changed, 27 insertions(+), 20 deletions(-)

diff --git a/src/ui_kit/Modal/CropModal.tsx b/src/ui_kit/Modal/CropModal.tsx
index 242235a4..4837f667 100644
--- a/src/ui_kit/Modal/CropModal.tsx
+++ b/src/ui_kit/Modal/CropModal.tsx
@@ -40,8 +40,8 @@ const styleSlider: SxProps<Theme> = {
         "&:focus, &:hover, &.Mui-active, &.Mui-focusVisible": {
             boxShadow: `0px 0px 0px 3px white,
                     0px 4px 4px 3px #C3C8DD`,
+        },
     },
-  },
 };
 
 interface Props {
@@ -249,20 +249,9 @@ export const CropModal: FC<Props> = ({ isOpen, imageBlob, originalImageUrl, setC
                     marginTop: "40px",
                     width: "100%",
                     display: "flex",
-                }}>
-                    <Button
-                        onClick={handleSaveClick}
-                        disableRipple
-                        data-cy="crop-modal-save-button"
-                        sx={{
-                            height: "48px",
-                            color: "#7E2AEA",
-                            borderRadius: "8px",
-                            border: "1px solid #7E2AEA",
-                            marginRight: "10px",
-                            px: "20px",
-                        }}
-                    >Сохранить</Button>
+                    gap: "10px",
+                }}
+                >
                     <Button
                         onClick={handleLoadOriginalImage}
                         disableRipple
@@ -273,8 +262,6 @@ export const CropModal: FC<Props> = ({ isOpen, imageBlob, originalImageUrl, setC
                             color: "#7E2AEA",
                             borderRadius: "8px",
                             border: "1px solid #7E2AEA",
-                            marginRight: "10px",
-                            ml: "auto",
                         }}
                     >
                         Загрузить оригинал
@@ -282,18 +269,38 @@ export const CropModal: FC<Props> = ({ isOpen, imageBlob, originalImageUrl, setC
                     <Button
                         onClick={handleCropClick}
                         disableRipple
-                        variant="contained"
-                        disabled={!completedCrop?.width || !completedCrop?.height}
+                        disabled={!completedCrop}
                         sx={{
                             padding: "10px 20px",
                             borderRadius: "8px",
                             background: theme.palette.brightPurple.main,
                             fontSize: "18px",
+                            color: "#7E2AEA",
+                            border: `1px solid ${!completedCrop ? "rgba(0, 0, 0, 0.26)" : "#7E2AEA"}`,
+                            backgroundColor: "transparent",
                         }}
                     >
-                        <CropIcon />
+                        <CropIcon color={!completedCrop ? "rgba(0, 0, 0, 0.26)" : "#7E2AEA"} />
                         Обрезать
                     </Button>
+
+                    <Button
+                        onClick={handleSaveClick}
+                        disableRipple
+                        variant="contained"
+                        data-cy="crop-modal-save-button"
+                        sx={{
+                            height: "48px",
+                            borderRadius: "8px",
+                            border: "1px solid #7E2AEA",
+                            marginRight: "10px",
+                            px: "20px",
+                            ml: "auto",
+                        }}
+                    >
+                        Сохранить
+                    </Button>
+
                 </Box>
             </Box>
         </Modal>