From febb83a1647739d0a65e5b498489cf7303045eec Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 19 Apr 2025 23:05:47 +0100
Subject: [PATCH] fix: add another check to limit submit form custom images to
 3

---
 src/app/submit/page.tsx              |  6 +-----
 src/components/submit-form/index.tsx | 10 +++++++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/submit/page.tsx b/src/app/submit/page.tsx
index 7d6eec7..701fb94 100644
--- a/src/app/submit/page.tsx
+++ b/src/app/submit/page.tsx
@@ -7,9 +7,5 @@ export default async function SubmitPage() {
 
 	if (!session) redirect("/login");
 
-	return (
-		<div className="flex justify-center">
-			<SubmitForm />
-		</div>
-	);
+	return <SubmitForm />;
 }
diff --git a/src/components/submit-form/index.tsx b/src/components/submit-form/index.tsx
index a788f1b..9937b63 100644
--- a/src/components/submit-form/index.tsx
+++ b/src/components/submit-form/index.tsx
@@ -23,9 +23,13 @@ import Carousel from "../carousel";
 export default function SubmitForm() {
 	const [files, setFiles] = useState<FileWithPath[]>([]);
 
-	const handleDrop = useCallback((acceptedFiles: FileWithPath[]) => {
-		setFiles((prev) => [...prev, ...acceptedFiles]);
-	}, []);
+	const handleDrop = useCallback(
+		(acceptedFiles: FileWithPath[]) => {
+			if (files.length >= 3) return;
+			setFiles((prev) => [...prev, ...acceptedFiles]);
+		},
+		[files.length]
+	);
 
 	const { getRootProps, getInputProps } = useDropzone({
 		onDrop: handleDrop,