add confirm mail modal window

src/app/ui/forms/register-form.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import styles from '@/app/styles/module/login.module.scss';
-import { ChangeEvent, useActionState, useEffect, useRef, useState } from 'react';
-import { registration, FormState, confirmEmail } from '@/app/actions/auth';
+import { ChangeEvent, useActionState, useEffect, useRef, useState, MouseEvent } from 'react';
+import { registration, FormState, confirmEmail, resendConfirmEmail } from '@/app/actions/auth';
 import PhoneInput from '@/app/ui/inputs/phone-input';
 import Link from 'next/link';
 import { useTranslations } from 'next-intl';
@@ -113,8 +113,23 @@ export default function RegisterForm() {
 		}
 	}
 
+	async function reSendEmailConfirmCode(e: MouseEvent) {
+		e.preventDefault();
+		console.log(state?.userId ? state?.userId : '');
+		if (state?.userId) {
+			await resendConfirmEmail(state?.userId);
+		}
+	}
+
 	return (
 		<>
+			<button
+				onClick={() => {
+					setShowMailConfirmWindow(!showMailConfirmWindow)
+				}}
+			>
+				show modal
+			</button>
 			{showMailConfirmWindow && (
 				<div
 					className="modal-wrapper"
@@ -151,10 +166,31 @@ export default function RegisterForm() {
 										onChange={(e) => {
 										}}
 									/>
+									<input
+										type="hiden"
+										id="userId"
+										name="userId"
+										style={{ display: 'none' }}
+										defaultValue={state?.userId ? state?.userId : ''}
+									/>
 								</div>
-								<button type="submit" className={`${styles['btn']}`}>
-									Проверить
-								</button>
+								<div>
+									{stateEmailConfrim?.error}
+								</div>
+								<div className="flex gap-2">
+									<button type="submit" className={`${styles['btn']}`}>
+										Проверить
+									</button>
+									<button
+										className={`${styles['btn']}`}
+										onClick={(e) => {
+											reSendEmailConfirmCode(e);
+										}}
+									>
+										test
+									</button>
+								</div>
+
 							</form>
 						</div>
 					</div>