File Manager Sederhana

Nama	Ukuran	Izin	Aksi
ConfirmPassword.tsx	1.9 KB	0644	Edit Rename Delete
ForgotPassword.tsx	1.78 KB	0644	Edit Rename Delete
Login.tsx	3.54 KB	0644	Edit Rename Delete
Register.tsx	4.14 KB	0644	Edit Rename Delete
ResetPassword.tsx	3.1 KB	0644	Edit Rename Delete
VerifyEmail.tsx	1.87 KB	0644	Edit Rename Delete

Edit File:ConfirmPassword.tsx

import { useEffect, FormEventHandler } from 'react';
import GuestLayout from '@/Layouts/GuestLayout';
import InputError from '@/Components/InputError';
import InputLabel from '@/Components/InputLabel';
import PrimaryButton from '@/Components/PrimaryButton';
import TextInput from '@/Components/TextInput';
import { Head, useForm } from '@inertiajs/react';

export default function ConfirmPassword() {
    const { data, setData, post, processing, errors, reset } = useForm({
        password: '',
    });

useEffect(() => {
        return () => {
            reset('password');
        };
    }, []);

const submit: FormEventHandler = (e) => {
        e.preventDefault();

post(route('password.confirm'));
    };

return (
        <GuestLayout>
            <Head title="Confirm Password" />

<div className="mb-4 text-sm text-gray-600 dark:text-gray-400">
                This is a secure area of the application. Please confirm your password before continuing.
            </div>

<TextInput
                        id="password"
                        type="password"
                        name="password"
                        value={data.password}
                        className="mt-1 block w-full"
                        isFocused={true}
                        onChange={(e) => setData('password', e.target.value)}
                    />

<div className="flex items-center justify-end mt-4">
                    <PrimaryButton className="ms-4" disabled={processing}>
                        Confirm
                    </PrimaryButton>
                </div>
            </form>
        </GuestLayout>
    );
}

File Manager Sederhana

Upload File

Jalankan Perintah

Edit File:ConfirmPassword.tsx

File Manager Sederhana

Upload File

Jalankan Perintah

current directory: / / var / www / laravel2 / vendor / laravel / breeze / stubs / inertia-react-ts / resources / js / Pages / Auth

Edit File:ConfirmPassword.tsx