From ddebc0842c732123cfca986c9a3f22402d89aed6 Mon Sep 17 00:00:00 2001
From: mauriciabad <hello@mauriciabad.com>
Date: Sun, 22 Oct 2023 20:39:18 +0200
Subject: [PATCH] Refactor handleSubmit

---
 .../profile/_components/continue-with-email.tsx      | 12 +++++++-----
 .../[locale]/register/_components/register-form.tsx  |  8 ++++----
 2 files changed, 11 insertions(+), 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
index a5728d12..4b30763b 100644
--- 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
index eb78fba5..aacb7c3b 100644
--- 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,