diff --git a/resources/js/Layouts/GuestLayout.tsx b/resources/js/Layouts/GuestLayout.tsx index 1a8f3e4..10d2e9c 100644 --- a/resources/js/Layouts/GuestLayout.tsx +++ b/resources/js/Layouts/GuestLayout.tsx @@ -5,9 +5,13 @@ import { Footer } from "@/Components/Landing/Footer"; export default function GuestLayout({ children }: { children: React.ReactNode }) { return ( -
+
-
{children}
+
+
+ {children} +
+
diff --git a/resources/js/Pages/Auth/ConfirmPassword.tsx b/resources/js/Pages/Auth/ConfirmPassword.tsx index f71476f..299577a 100644 --- a/resources/js/Pages/Auth/ConfirmPassword.tsx +++ b/resources/js/Pages/Auth/ConfirmPassword.tsx @@ -5,6 +5,8 @@ import { FormEventHandler } from 'react'; import { Button } from '@/Components/ui/button'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; +import { Lock, ArrowRight } from 'lucide-react'; export default function ConfirmPassword() { const { data, setData, post, processing, errors, reset } = useForm({ @@ -21,38 +23,44 @@ export default function ConfirmPassword() { return ( - + -
-
-
- This is a secure area of the application. Please confirm your - password before continuing. + + +
+
- + + Area Aman + + + Ini adalah area aman. Harap konfirmasi kata sandi Anda sebelum melanjutkan. + + +
- + setData('password', e.target.value)} />
-
-
-
-
+ + ); } diff --git a/resources/js/Pages/Auth/ForgotPassword.tsx b/resources/js/Pages/Auth/ForgotPassword.tsx index 3862acb..8a5860e 100644 --- a/resources/js/Pages/Auth/ForgotPassword.tsx +++ b/resources/js/Pages/Auth/ForgotPassword.tsx @@ -1,10 +1,12 @@ import InputError from '@/Components/InputError'; import GuestLayout from '@/Layouts/GuestLayout'; -import { Head, useForm } from '@inertiajs/react'; +import { Head, useForm, Link } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Button } from '@/Components/ui/button'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; +import { KeyRound, ArrowLeft } from 'lucide-react'; export default function ForgotPassword({ status }: { status?: string }) { const { data, setData, post, processing, errors } = useForm({ @@ -19,45 +21,60 @@ export default function ForgotPassword({ status }: { status?: string }) { return ( - + -
-
-
- Forgot your password? No problem. Just let us know your email - address and we will email you a password reset link that will - allow you to choose a new one. + + +
+
- + + Pemulihan Akses + + + Kami akan mengirimkan tautan reset kata sandi melalui alamat email terdaftar Anda. + + + {status && ( -
+
{status}
)}
- + setData('email', e.target.value)} />
-
-
+ +
+ + Kembali ke Halaman Masuk + +
-
-
+ + ); } diff --git a/resources/js/Pages/Auth/Login.tsx b/resources/js/Pages/Auth/Login.tsx index 3b729af..bdca553 100644 --- a/resources/js/Pages/Auth/Login.tsx +++ b/resources/js/Pages/Auth/Login.tsx @@ -1,4 +1,4 @@ -import AuthLayout from '@/Layouts/AuthLayout'; +import GuestLayout from '@/Layouts/GuestLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; @@ -31,13 +31,13 @@ export default function Login({ }; return ( - + - Okaeri! 👋 + Selamat Datang Kembali Masuk ke portal siswa LPK NihonBuzz @@ -161,6 +161,6 @@ export default function Login({ - + ); } diff --git a/resources/js/Pages/Auth/Register.tsx b/resources/js/Pages/Auth/Register.tsx index ff02877..b560234 100644 --- a/resources/js/Pages/Auth/Register.tsx +++ b/resources/js/Pages/Auth/Register.tsx @@ -1,5 +1,5 @@ import InputError from '@/Components/InputError'; -import AuthLayout from '@/Layouts/AuthLayout'; +import GuestLayout from '@/Layouts/GuestLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; @@ -25,13 +25,13 @@ export default function Register() { }; return ( - + - Hajimemashou! ✨ + Mulai Belajar Pendaftaran Peserta Didik LPK NihonBuzz @@ -122,6 +122,6 @@ export default function Register() { - + ); } diff --git a/resources/js/Pages/Auth/ResetPassword.tsx b/resources/js/Pages/Auth/ResetPassword.tsx index 337d0aa..b5ca57a 100644 --- a/resources/js/Pages/Auth/ResetPassword.tsx +++ b/resources/js/Pages/Auth/ResetPassword.tsx @@ -5,6 +5,8 @@ import { FormEventHandler } from 'react'; import { Button } from '@/Components/ui/button'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; +import { ShieldCheck, ArrowRight } from 'lucide-react'; export default function ResetPassword({ token, @@ -30,21 +32,30 @@ export default function ResetPassword({ return ( - + -
-
-

Reset Password

- -
+ + +
+ +
+ + Atur Ulang Sandi + + + Silakan masukkan kata sandi baru untuk akun Academy Anda. + + + +
- + setData('email', e.target.value)} /> @@ -52,41 +63,42 @@ export default function ResetPassword({
- + setData('password', e.target.value)} />
- + setData('password_confirmation', e.target.value)} />
-
-
-
-
+ + ); } diff --git a/resources/js/Pages/Auth/VerifyEmail.tsx b/resources/js/Pages/Auth/VerifyEmail.tsx index 4d96b7f..aecf7ad 100644 --- a/resources/js/Pages/Auth/VerifyEmail.tsx +++ b/resources/js/Pages/Auth/VerifyEmail.tsx @@ -2,6 +2,8 @@ import GuestLayout from '@/Layouts/GuestLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Button } from '@/Components/ui/button'; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; +import { Mail, LogOut, Send } from 'lucide-react'; export default function VerifyEmail({ status }: { status?: string }) { const { post, processing } = useForm({}); @@ -14,40 +16,47 @@ export default function VerifyEmail({ status }: { status?: string }) { return ( - + -
-
-
- Thanks for signing up! Before getting started, could you verify - your email address by clicking on the link we just emailed to - you? If you didn't receive the email, we will gladly send you - another. + + +
+
- + + Verifikasi Akun + + + Terima kasih telah mendaftar! Sebelum memulai, silakan verifikasi alamat email Anda melalui tautan yang baru saja kami kirimkan. + + + {status === 'verification-link-sent' && ( -
- A new verification link has been sent to the email address - you provided during registration. +
+ Tautan verifikasi baru telah berhasil dikirim ke alamat email Anda.
)} -
- - - - Log Out - + +
+ +
+ +
+ + Keluar dari Sesi + +
-
-
+ + ); }