From 1a7ba6249c4dec2779ea0b90fe1bad773e536b64 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ali=20Tar=C4=B1k=20=C5=9Eahin?= Date: Sun, 15 Dec 2024 11:09:29 +0300 Subject: [PATCH 1/2] feat(frontend): added img upload --- .../components/quiz/create-quiz-metadata.tsx | 71 +++++++++++++------ 1 file changed, 50 insertions(+), 21 deletions(-) diff --git a/frontend/src/components/quiz/create-quiz-metadata.tsx b/frontend/src/components/quiz/create-quiz-metadata.tsx index 486e1bd6..15a81b8d 100644 --- a/frontend/src/components/quiz/create-quiz-metadata.tsx +++ b/frontend/src/components/quiz/create-quiz-metadata.tsx @@ -33,6 +33,8 @@ export default function CreateQuizMetadata({ const [description, setDescription] = useState(""); const [level, setLevel] = useState(""); const [tags, setTags] = useState([]); + const [file, setFile] = useState(null); + const [preview, setPreview] = useState(null); useEffect(() => { const tagNames = level @@ -47,29 +49,63 @@ export default function CreateQuizMetadata({ }); }, [title, description, level, tags]); + const handleFileChange = (e: React.ChangeEvent) => { + const selectedFile = e.target.files?.[0]; + if (selectedFile && selectedFile.type.startsWith('image/')) { + setFile(selectedFile); + setPreview(URL.createObjectURL(selectedFile)); + } + }; + return (
-
- -
+
-
- setTitle(e.target.value)} - /> + setTitle(e.target.value)} + /> +