Refactor handleSubmit

mauriciabad · Oct 22, 2023 · ddebc08 · ddebc08
1 parent 040cc77
commit ddebc08
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/src/app/[locale]/(app)/profile/_components/continue-with-email.tsx b/src/app/[locale]/(app)/profile/_components/continue-with-email.tsx
@@ -5,7 +5,7 @@ import { Input } from '@nextui-org/input'
 import { IconEye, IconEyeOff } from '@tabler/icons-react'
 import { signIn } from 'next-auth/react'
 import { useTranslations } from 'next-intl'
-import { FC, useState } from 'react'
+import { FC, FormEvent, useState } from 'react'
 
 export const ContinueWithEmail: FC<{
   className?: string
@@ -16,11 +16,13 @@ export const ContinueWithEmail: FC<{
   const [email, setEmail] = useState('')
   const [password, setPassword] = useState('')
 
+  const handleSubmit = async (e: FormEvent) => {
+    e.preventDefault()
+    await signIn('credentials', { email, password })
+  }
+
   return (
-    <form
-      onSubmit={() => signIn('credentials', { email, password })}
-      className={className}
-    >
+    <form onSubmit={handleSubmit} className={className}>
       <Input
         label={t('inputs.email')}
         variant="bordered"

diff --git a/src/app/[locale]/register/_components/register-form.tsx b/src/app/[locale]/register/_components/register-form.tsx
@@ -5,7 +5,7 @@ import { Input } from '@nextui-org/input'
 import { IconEye, IconEyeOff } from '@tabler/icons-react'
 import { signIn } from 'next-auth/react'
 import { useTranslations } from 'next-intl'
-import { FC, useState } from 'react'
+import { FC, FormEvent, useState } from 'react'
 import { trpc } from '~/trpc'
 
 export const RegisterForm: FC<{
@@ -20,12 +20,12 @@ export const RegisterForm: FC<{
 
   const register = trpc.auth.register.useMutation()
 
-  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+  const handleSubmit = async (e: FormEvent) => {
     e.preventDefault()
 
-    register.mutate({ email, password, name })
+    await register.mutateAsync({ email, password, name })
 
-    signIn('credentials', {
+    await signIn('credentials', {
       email,
       password,
       name,