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 && (
- <>
-
-
- >
- )}
+
+
);
}