updated hooks

Author: coderKrysio

components/GetForm.tsx

@@ -4,9 +4,21 @@ import Link from 'next/link'
 import { RoomCode } from '@/lib/types'
 import Form from './Form'
 import { SetForm } from '@/lib/hooks'
+import { API } from '@/lib/api'
+import { useRouter } from 'next/navigation'
 
 const GetForm = ({ roomCode }: RoomCode) => {
-    const { showError, setFormData, checkFields } = SetForm(roomCode)
+    const router = useRouter()
+    const { showError, setFormData, formData, setShowError } = SetForm(roomCode)
+
+    const checkFields = () => {
+        if (formData.name === '') setShowError(true)
+        else {
+            setShowError(false)
+            API.postData(formData)
+            router.push(`/${roomCode}/result`)
+        }
+    }
 
     return (
         <div className="w-screen min-h-screen flex flex-col justify-center items-center text-white pb-[70px] pt-[90px]">

lib/hooks.ts

@@ -1,6 +1,6 @@
-import { useState, useRef, useEffect, SetStateAction, Dispatch } from 'react'
+import { useState, useRef, useEffect } from 'react'
 import { API } from './api'
-import { FormData, MemberData, RoomCode, SetFormData } from './types'
+import { FormData, MemberData, SetFormData } from './types'
 import { intervals, timeIntervals } from './utils'
 import { useRouter } from 'next/navigation'
 
@@ -55,24 +55,14 @@ export const WriteForm = ({ setFormData }: SetFormData) => {
 }
 
 export const SetForm = (roomCode: string) => {
-    const router = useRouter()
     const [showError, setShowError] = useState<boolean>(false)
     const [formData, setFormData] = useState<FormData>({
         name: '',
         roomCode: roomCode,
         intervals: [timeIntervals],
     })
 
-    const checkFields = () => {
-        if (formData.name === '') setShowError(true)
-        else {
-            setShowError(false)
-            API.postData(formData)
-            router.push(`/${roomCode}/result`)
-        }
-    }
-
-    return { showError, setFormData, checkFields }
+    return { showError, setFormData, formData, setShowError }
 }
 
 export const SetIntervals = ({ setFormData }: SetFormData) => {