From 2dfd25dc9fe7faccb812cbf1fc5274542d5933a8 Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Mon, 4 Nov 2024 02:06:00 +0300
Subject: [PATCH] --

---
 src/ui_kit/Modal/CropModal/CropGeneral.tsx     |  1 +
 src/ui_kit/Modal/CropModal/NavigationPanel.tsx |  2 +-
 src/ui_kit/Modal/CropModal/index.tsx           | 10 +++++++++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/ui_kit/Modal/CropModal/CropGeneral.tsx b/src/ui_kit/Modal/CropModal/CropGeneral.tsx
index eb085e2a..1fb5d548 100644
--- a/src/ui_kit/Modal/CropModal/CropGeneral.tsx
+++ b/src/ui_kit/Modal/CropModal/CropGeneral.tsx
@@ -171,6 +171,7 @@ export const CropGeneral: FC<Props> = ({
                     }
                 >
                     <img
+                    id="imgid"
                         onLoad={(e) => {
                             setImageWidth(e.currentTarget.naturalWidth);
                             setImageHeight(e.currentTarget.naturalHeight);
diff --git a/src/ui_kit/Modal/CropModal/NavigationPanel.tsx b/src/ui_kit/Modal/CropModal/NavigationPanel.tsx
index aad2f58c..6bbc62a8 100644
--- a/src/ui_kit/Modal/CropModal/NavigationPanel.tsx
+++ b/src/ui_kit/Modal/CropModal/NavigationPanel.tsx
@@ -32,7 +32,7 @@ export const NavigationPanel: FC<Props> = ({
     };
     const handleNextStep = () => {
         if (lastStep) {
-            // onSaveImageClick();
+            onSaveImageClick();
         } else {
             setCurrentStep(currentStep + 1);
         }
diff --git a/src/ui_kit/Modal/CropModal/index.tsx b/src/ui_kit/Modal/CropModal/index.tsx
index d4af1373..5592d125 100644
--- a/src/ui_kit/Modal/CropModal/index.tsx
+++ b/src/ui_kit/Modal/CropModal/index.tsx
@@ -10,6 +10,7 @@ import {
 } from "@/model/CropModal/CropModal"
 import { isImageBlobAGifFile } from "@/utils/isImageBlobAGifFile";
 import AlertModalDeleteImage from "./AlertModalDeleteImage"
+import { getModifiedImageBlob } from "./utils/imageManipulation";
 
 const workSpaceTypesList: WorkSpaceTypesList = {
     images: [
@@ -181,7 +182,14 @@ export const CropModalInit: FC<CropOnOpenType> = ({
     };
 
     const saveImagesAndRules = async (blob?: Blob) => {
-
+        const img = document.createElement("img");
+        img.src = editedImages.mobile.url
+        const bloba = await getModifiedImageBlob(img, editedImages.mobile.newRules.crop, editedImages.mobile.newRules.darken)
+        const anchor = document.createElement("a");
+        const blobUrl = URL.createObjectURL(bloba);
+        anchor.setAttribute("download", "ЖОПА");
+        anchor.href = blobUrl;
+        anchor.click();
         // if (!selectedVariantId) return;
 
         // uploadQuestionImage(questionId, quizId, imageBlob, (question, url) => {