+
+
);
}
diff --git a/resources/js/Layouts/GuestLayout.tsx b/resources/js/Layouts/GuestLayout.tsx
index 1c96822..104f71c 100644
--- a/resources/js/Layouts/GuestLayout.tsx
+++ b/resources/js/Layouts/GuestLayout.tsx
@@ -1,19 +1,17 @@
-import ApplicationLogo from '@/Components/ApplicationLogo';
-import { Link } from '@inertiajs/react';
-import { PropsWithChildren } from 'react';
+import ApplicationLogo from "@/Components/ApplicationLogo";
+import { Link } from "@inertiajs/react";
+import { PropsWithChildren } from "react";
export default function Guest({ children }: PropsWithChildren) {
return (
-
+
-
- {children}
-
+
{children}
);
}
diff --git a/resources/js/Pages/Auth/ConfirmPassword.tsx b/resources/js/Pages/Auth/ConfirmPassword.tsx
index 4b12557..46b31d2 100644
--- a/resources/js/Pages/Auth/ConfirmPassword.tsx
+++ b/resources/js/Pages/Auth/ConfirmPassword.tsx
@@ -1,58 +1,76 @@
-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';
+import { FormEventHandler, useEffect } from "react";
+import GuestLayout from "@/Layouts/GuestLayout";
+import { Head, useForm } from "@inertiajs/react";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardFooter,
+ CardHeader,
+} from "@/Components/ui/card";
+import { Label } from "@/Components/ui/label";
+import { Input } from "@/Components/ui/input";
+import { InputError } from "@/Components/ui/InputError";
+import { Button } from "@/Components/ui/button";
export default function ConfirmPassword() {
const { data, setData, post, processing, errors, reset } = useForm({
- password: '',
+ password: "",
});
useEffect(() => {
return () => {
- reset('password');
+ reset("password");
};
}, []);
const submit: FormEventHandler = (e) => {
e.preventDefault();
- post(route('password.confirm'));
+ post(route("password.confirm"));
};
return (
-
- This is a secure area of the application. Please confirm your password before continuing.
-
-
);
diff --git a/resources/js/Pages/Auth/ForgotPassword.tsx b/resources/js/Pages/Auth/ForgotPassword.tsx
index 373013d..4e85ca5 100644
--- a/resources/js/Pages/Auth/ForgotPassword.tsx
+++ b/resources/js/Pages/Auth/ForgotPassword.tsx
@@ -1,50 +1,65 @@
-import GuestLayout from '@/Layouts/GuestLayout';
-import InputError from '@/Components/InputError';
-import PrimaryButton from '@/Components/PrimaryButton';
-import TextInput from '@/Components/TextInput';
-import { Head, useForm } from '@inertiajs/react';
-import { FormEventHandler } from 'react';
+import GuestLayout from "@/Layouts/GuestLayout";
+import { Head, useForm } from "@inertiajs/react";
+import { FormEventHandler } from "react";
+import { Input } from "@/Components/ui/input";
+import { InputError } from "@/Components/ui/InputError";
+import { Button } from "@/Components/ui/button";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardFooter,
+ CardHeader,
+} from "@/Components/ui/card";
export default function ForgotPassword({ status }: { status?: string }) {
const { data, setData, post, processing, errors } = useForm({
- email: '',
+ email: "",
});
const submit: FormEventHandler = (e) => {
e.preventDefault();
- post(route('password.email'));
+ post(route("password.email"));
};
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.
-
-
- {status &&
{status}
}
-
);
diff --git a/resources/js/Pages/Auth/Login.tsx b/resources/js/Pages/Auth/Login.tsx
index fe275fa..224133f 100644
--- a/resources/js/Pages/Auth/Login.tsx
+++ b/resources/js/Pages/Auth/Login.tsx
@@ -1,96 +1,110 @@
-import { useEffect, FormEventHandler } from 'react';
-import Checkbox from '@/Components/Checkbox';
-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, Link, useForm } from '@inertiajs/react';
+import { FormEventHandler, useEffect } from "react";
+import GuestLayout from "@/Layouts/GuestLayout";
+import { Head, Link, useForm } from "@inertiajs/react";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/Components/ui/card";
+import { Label } from "@/Components/ui/label";
+import { Input } from "@/Components/ui/input";
+import { Button } from "@/Components/ui/button";
+import { InputError } from "@/Components/ui/InputError";
-export default function Login({ status, canResetPassword }: { status?: string, canResetPassword: boolean }) {
+export default function Login({
+ status,
+ canResetPassword,
+}: {
+ status?: string;
+ canResetPassword: boolean;
+}) {
const { data, setData, post, processing, errors, reset } = useForm({
- email: '',
- password: '',
+ email: "",
+ password: "",
remember: false,
});
useEffect(() => {
return () => {
- reset('password');
+ reset("password");
};
}, []);
const submit: FormEventHandler = (e) => {
e.preventDefault();
- post(route('login'));
+ post(route("login"));
};
return (
- {status &&
{status}
}
-
);
diff --git a/resources/js/Pages/Auth/Register.tsx b/resources/js/Pages/Auth/Register.tsx
index ed93c6c..a16403c 100644
--- a/resources/js/Pages/Auth/Register.tsx
+++ b/resources/js/Pages/Auth/Register.tsx
@@ -1,29 +1,36 @@
-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, Link, useForm } from '@inertiajs/react';
+import { FormEventHandler, useEffect } from "react";
+import GuestLayout from "@/Layouts/GuestLayout";
+import { Head, Link, useForm } from "@inertiajs/react";
+import { Button } from "@/Components/ui/button";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/Components/ui/card";
+import { Input } from "@/Components/ui/input";
+import { Label } from "@/Components/ui/label";
+import { InputError } from "@/Components/ui/InputError";
export default function Register() {
const { data, setData, post, processing, errors, reset } = useForm({
- name: '',
- email: '',
- password: '',
- password_confirmation: '',
+ name: "",
+ email: "",
+ password: "",
+ password_confirmation: "",
});
useEffect(() => {
return () => {
- reset('password', 'password_confirmation');
+ reset("password", "password_confirmation");
};
}, []);
const submit: FormEventHandler = (e) => {
e.preventDefault();
- post(route('register'));
+ post(route("register"));
};
return (
@@ -31,86 +38,85 @@ export default function Register() {
);
diff --git a/resources/js/Pages/Auth/ResetPassword.tsx b/resources/js/Pages/Auth/ResetPassword.tsx
index cbd57b1..c6238e6 100644
--- a/resources/js/Pages/Auth/ResetPassword.tsx
+++ b/resources/js/Pages/Auth/ResetPassword.tsx
@@ -1,29 +1,43 @@
-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';
+import { FormEventHandler, useEffect } from "react";
+import GuestLayout from "@/Layouts/GuestLayout";
+import { Head, useForm } from "@inertiajs/react";
+import { Label } from "@/Components/ui/label";
+import { Input } from "@/Components/ui/input";
+import { InputError } from "@/Components/ui/InputError";
+import { Button } from "@/Components/ui/button";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "@/Components/ui/card";
-export default function ResetPassword({ token, email }: { token: string, email: string }) {
+export default function ResetPassword({
+ token,
+ email,
+}: {
+ token: string;
+ email: string;
+}) {
const { data, setData, post, processing, errors, reset } = useForm({
token: token,
email: email,
- password: '',
- password_confirmation: '',
+ password: "",
+ password_confirmation: "",
});
useEffect(() => {
return () => {
- reset('password', 'password_confirmation');
+ reset("password", "password_confirmation");
};
}, []);
const submit: FormEventHandler = (e) => {
e.preventDefault();
- post(route('password.store'));
+ post(route("password.store"));
};
return (
@@ -31,59 +45,86 @@ export default function ResetPassword({ token, email }: { token: string, email: