diff --git a/src/components/submit-form/index.tsx b/src/components/submit-form/index.tsx index fed91d5..d3222b2 100644 --- a/src/components/submit-form/index.tsx +++ b/src/components/submit-form/index.tsx @@ -336,7 +336,7 @@ export default function SubmitForm() {
- +
diff --git a/src/components/submit-form/switch-file-upload.tsx b/src/components/submit-form/switch-file-upload.tsx index 1bd2fea..419825d 100644 --- a/src/components/submit-form/switch-file-upload.tsx +++ b/src/components/submit-form/switch-file-upload.tsx @@ -9,12 +9,12 @@ import CropPortrait from "./crop-portrait"; interface Props { text: string; - hasCrop?: boolean; + forceCrop?: boolean; image?: string | undefined; setImage: React.Dispatch>; } -export default function SwitchFileUpload({ text, hasCrop = false, image, setImage }: Props) { +export default function SwitchFileUpload({ text, forceCrop, image, setImage }: Props) { const [isCameraOpen, setIsCameraOpen] = useState(false); const [isCropOpen, setIsCropOpen] = useState(false); const [hasImage, setHasImage] = useState(false); @@ -27,7 +27,7 @@ export default function SwitchFileUpload({ text, hasCrop = false, image, setImag reader.onload = async (event) => { setImage(event.target!.result as string); setHasImage(true); - if (hasCrop) setIsCropOpen(true); + if (forceCrop) setIsCropOpen(true); }; reader.readAsDataURL(file); }, @@ -36,7 +36,7 @@ export default function SwitchFileUpload({ text, hasCrop = false, image, setImag useEffect(() => { if (!isCameraOpen) return; - if (hasCrop) setIsCropOpen(true); + if (forceCrop) setIsCropOpen(true); }, [isCameraOpen]); return ( @@ -61,17 +61,13 @@ export default function SwitchFileUpload({ text, hasCrop = false, image, setImag Use your camera - {hasCrop && ( - <> - - - - )} + + ); }