From ef49e4b971f78949c758f9b191ea90ec03c3cde9 Mon Sep 17 00:00:00 2001
From: dog <arkadyrakovsky@gmail.com>
Date: Sat, 27 Jan 2024 14:41:00 +0300
Subject: [PATCH] limit cropper container height & fix t

---
 public/locales/ru/translation.json                           | 2 +-
 src/components/_shared/ImageCropper/ImageCropper.module.scss | 4 ++++
 src/components/_shared/ImageCropper/ImageCropper.tsx         | 3 ++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/locales/ru/translation.json b/public/locales/ru/translation.json
index ab5481e8..971e2067 100644
--- a/public/locales/ru/translation.json
+++ b/public/locales/ru/translation.json
@@ -109,7 +109,7 @@
   "Create gallery": "Создать галерею",
   "Create post": "Создать публикацию",
   "Create video": "Создать видео",
-  "Crop image": "Скадрируйте изображение",
+  "Crop image": "Кадрировать изображение",
   "Culture": "Культура",
   "Date of Birth": "Дата рождения",
   "Decline": "Отмена",
diff --git a/src/components/_shared/ImageCropper/ImageCropper.module.scss b/src/components/_shared/ImageCropper/ImageCropper.module.scss
index 19d5ff12..51e4dd01 100644
--- a/src/components/_shared/ImageCropper/ImageCropper.module.scss
+++ b/src/components/_shared/ImageCropper/ImageCropper.module.scss
@@ -1,3 +1,7 @@
+.cropperContainer {
+  max-height: 55vh;
+}
+
 .cropperControls {
   display: flex;
   justify-content: space-between;
diff --git a/src/components/_shared/ImageCropper/ImageCropper.tsx b/src/components/_shared/ImageCropper/ImageCropper.tsx
index 1d5caded..6e2646f8 100644
--- a/src/components/_shared/ImageCropper/ImageCropper.tsx
+++ b/src/components/_shared/ImageCropper/ImageCropper.tsx
@@ -34,6 +34,7 @@ export const ImageCropper = (props: CropperProps) => {
           guides: false,
           background: false,
           rotatable: false,
+          autoCropArea: 1,
           modal: true,
         }),
       )
@@ -42,7 +43,7 @@ export const ImageCropper = (props: CropperProps) => {
 
   return (
     <div>
-      <div>
+      <div class={styles.cropperContainer}>
         <img
           ref={(el) => (imageTagRef.current = el)}
           src={props.uploadFile.source}