src/app/CreateWine.tsx

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