Merge branch 'main' of https://gitea.rannes.dev/christian/wine-shop

src/app/CreateWine.tsx

@@ -1,5 +1,4 @@
-
+"use client";
-'use client'
 import { ChangeEvent, FormEvent, useEffect, useState } from "react";
 import { addWine } from "../server/actions/addWine";
 import { getProducers } from "../server/actions/allProducers";
@@ -13,11 +12,9 @@ interface Producer {
   email: string;
 }
 
-
+export default function CreateWine() {
-
+  const [name, setName] = useState("");
-export default function CreateWine(){
+  const [producer, setProducer] = useState("");
-  const [name, setName] = useState('');
-  const [producer, setProducer] = useState('');
   const [allProducers, setAllProducers] = useState<Producer[]>([]);
 
   useEffect(() => {
@@ -34,14 +31,14 @@ export default function CreateWine(){
 
   const handleName = (event: ChangeEvent<HTMLInputElement>) => {
     setName(event.target.value);
-  }
+  };
   const handleProducer = (event: ChangeEvent<HTMLSelectElement>) => {
     setProducer(event.target.value);
-  }
+  };
   const handleAdd = async (event: FormEvent) => {
     event.preventDefault();
     addWine(producer, name);
-    setName('');
+    setName("");
   };
   return (
     <div>
@@ -53,7 +50,7 @@ export default function CreateWine(){
           </option>
         ))}
       </select>
-      <button onClick={handleAdd} >Submit wine</button>
+      <button onClick={handleAdd}>Submit wine</button>
     </div>
   );
 }