From fa97fd2fec282aa9ec0931e783c9abc88a2fcf01 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Tue, 1 Apr 2025 22:00:32 +0300
Subject: [PATCH] dynamic values for image picker

---
 src/common/ImagePicker.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/common/ImagePicker.tsx b/src/common/ImagePicker.tsx
index 216ff8b..4f0d562 100644
--- a/src/common/ImagePicker.tsx
+++ b/src/common/ImagePicker.tsx
@@ -13,6 +13,8 @@ type Mode = "single" | "multi";
 interface CommonProps {
   children: React.ReactNode;
   mode?: Mode;
+  quality?: number;
+  maxWidth?: number;
 }
 
 interface SingleModeProps extends CommonProps {
@@ -30,6 +32,8 @@ type ImageUploaderProps = SingleModeProps | MultiModeProps;
 export const ImagePicker: React.FC<ImageUploaderProps> = ({
   children,
   onPick,
+  quality = 0.6,
+  maxWidth= 1200,
   mode = "single",
 }) => {
   const onDrop = useCallback(
@@ -52,8 +56,8 @@ export const ImagePicker: React.FC<ImageUploaderProps> = ({
           } else {
             fileToConvert = await new Promise<File>((resolve, reject) => {
               new Compressor(image, {
-                quality: 0.6,
-                maxWidth: 1200,
+                quality,
+                maxWidth,
                 mimeType: "image/webp",
                 success(result) {
                   resolve(