// resources/js/Pages/Auth/Register.tsx import { FieldError, inputPassword, inputWithIcon } from '@/components/ui/FieldError'; import MainLayout from '@/layouts/MainLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { Eye, EyeOff, LoaderCircle, Lock, Mail, MapPin, User } from 'lucide-react'; import { FormEventHandler, useState } from 'react'; type RegisterForm = { name: string; email: string; password: string; password_confirmation: string; }; export default function Register() { const [showPassword, setShowPassword] = useState(false); const [showConfirm, setShowConfirm] = useState(false); const { data, setData, post, processing, errors, reset } = useForm>({ name: '', email: '', password: '', password_confirmation: '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('register'), { onFinish: () => reset('password', 'password_confirmation') }); }; return (
{/* Header */}

Daftar Akun Baru

Sistem Informasi Desa Cinnong

{/* Form */}
{/* Nama */}
setData('name', e.target.value)} placeholder="Masukkan nama lengkap" className={inputWithIcon(errors.name)} />
{/* Email */}
setData('email', e.target.value)} placeholder="contoh@email.com" className={inputWithIcon(errors.email)} />
{/* Password */}
setData('password', e.target.value)} placeholder="Minimal 8 karakter" className={inputPassword(errors.password)} />
{/* Konfirmasi Password */}
setData('password_confirmation', e.target.value)} placeholder="Ulangi kata sandi" className={inputPassword(errors.password_confirmation)} />
{/* Submit */}
{/* Login link */}

Sudah punya akun?{' '} Masuk sekarang

{processing && (

Sedang mendaftar...

)} ); }