fin prototype

src/app/Component/upload.jsx

@@ -24,14 +24,18 @@ function DragDrop({setPreview ,file, setFile}) {
 }
 
 
-export default function Upload({daySelected={daySelected}}){
+export default function Upload({setFetchKey, daySelected}){
   const [file, setFile] = useState(null);
   const [preview, setPreview] = useState(null);
+  const [note,setNote] = useState(undefined)
+  const [rating,setRating] = useState(1)
 
     function uploadFile(){
     const formData = new FormData();
     formData.append("file", file);
     formData.append("date", daySelected)
+    formData.append("note", note)
+    formData.append("rating", rating)
 
     fetch("/api/days", {
         method: "POST",
@@ -39,6 +43,9 @@ export default function Upload({daySelected={daySelected}}){
     }).then(() => {
         setFile(null);
         setPreview(null);
+        setNote(undefined);
+        setRating(1);
+        setFetchKey(Math.random()*10)
     });
     }
 
@@ -51,12 +58,19 @@ export default function Upload({daySelected={daySelected}}){
 
             <DragDrop setPreview={setPreview} file={file} setFile={setFile}/>
 
-
-            <select type="select">
-                <option value="gesture">Gesture</option>
-                <option value="blender">Blender</option>
+            <label htmlFor="rating">Choose rating:</label>
+            <select name="rating" type="select" value={rating} onChange={(e)=>{setRating(e.target.value)}}>
+                <option value="1">1</option>
+                <option value="2">2</option>
+                <option value="3">3</option>
+                <option value="3">4</option>
+                <option value="5">5</option>
             </select>
 
+            <textarea value={note} onChange={(e)=>{setNote(e.target.value)}}>
+
+            </textarea>
+
             <p onClick={()=>{
                 uploadFile()
             }}>Upload</p>