+ )
+}
+
+export default Loading
diff --git a/src/components/Layouts/Navigation.js b/src/app/(app)/Navigation.js
similarity index 99%
rename from src/components/Layouts/Navigation.js
rename to src/app/(app)/Navigation.js
index 8c6993bc..a6f8d51b 100644
--- a/src/components/Layouts/Navigation.js
+++ b/src/app/(app)/Navigation.js
@@ -7,7 +7,7 @@ import ResponsiveNavLink, {
} from '@/components/ResponsiveNavLink'
import { DropdownButton } from '@/components/DropdownLink'
import { useAuth } from '@/hooks/auth'
-import { useRouter } from 'next/router'
+import { useRouter } from 'next/navigation'
import { useState } from 'react'
const Navigation = ({ user }) => {
diff --git a/src/app/(app)/dashboard/page.js b/src/app/(app)/dashboard/page.js
new file mode 100644
index 00000000..16fa4372
--- /dev/null
+++ b/src/app/(app)/dashboard/page.js
@@ -0,0 +1,19 @@
+export const metadata = {
+ title: 'Laravel - Dashboard',
+}
+
+const Dashboard = () => {
+ return (
+
+
+
+
+ You're logged in!
+
+
+
+
+ )
+}
+
+export default Dashboard
diff --git a/src/components/Layouts/AppLayout.js b/src/app/(app)/layout.js
similarity index 70%
rename from src/components/Layouts/AppLayout.js
rename to src/app/(app)/layout.js
index 62291390..7db7ae40 100644
--- a/src/components/Layouts/AppLayout.js
+++ b/src/app/(app)/layout.js
@@ -1,21 +1,26 @@
-import Navigation from '@/components/Layouts/Navigation'
+'use client'
+
import { useAuth } from '@/hooks/auth'
+import Navigation from '@/app/(app)/Navigation'
+import Loading from '@/app/(app)/Loading'
-const AppLayout = ({ header, children }) => {
+const AppLayout = ({ children, header }) => {
const { user } = useAuth({ middleware: 'auth' })
+ if (!user) {
+ return
+ }
+
return (
- {/* Page Heading */}
{header}
- {/* Page Content */}
{children}
)
diff --git a/src/components/AuthCard.js b/src/app/(auth)/AuthCard.js
similarity index 100%
rename from src/components/AuthCard.js
rename to src/app/(auth)/AuthCard.js
diff --git a/src/components/AuthSessionStatus.js b/src/app/(auth)/AuthSessionStatus.js
similarity index 100%
rename from src/components/AuthSessionStatus.js
rename to src/app/(auth)/AuthSessionStatus.js
diff --git a/src/app/(auth)/forgot-password/page.js b/src/app/(auth)/forgot-password/page.js
new file mode 100644
index 00000000..11452a83
--- /dev/null
+++ b/src/app/(auth)/forgot-password/page.js
@@ -0,0 +1,64 @@
+'use client'
+
+import Button from '@/components/Button'
+import Input from '@/components/Input'
+import InputError from '@/components/InputError'
+import Label from '@/components/Label'
+import { useAuth } from '@/hooks/auth'
+import { useState } from 'react'
+import AuthSessionStatus from '@/app/(auth)/AuthSessionStatus'
+
+const Page = () => {
+ const { forgotPassword } = useAuth({
+ middleware: 'guest',
+ redirectIfAuthenticated: '/dashboard',
+ })
+
+ const [email, setEmail] = useState('')
+ const [errors, setErrors] = useState([])
+ const [status, setStatus] = useState(null)
+
+ const submitForm = event => {
+ event.preventDefault()
+
+ forgotPassword({ email, setErrors, setStatus })
+ }
+
+ return (
+ <>
+
+ Forgot your password? No problem. Just let us know your email
+ email address and we will email you a password reset link that
+ that will allow you to choose a new one.
+
+
+ {/* Session Status */}
+
+
+
+
+ )
+}
+
+export default Page
diff --git a/src/app/(auth)/layout.js b/src/app/(auth)/layout.js
new file mode 100644
index 00000000..ae2ae81b
--- /dev/null
+++ b/src/app/(auth)/layout.js
@@ -0,0 +1,26 @@
+import Link from 'next/link'
+import AuthCard from '@/app/(auth)/AuthCard'
+import ApplicationLogo from '@/components/ApplicationLogo'
+
+export const metadata = {
+ title: 'Laravel',
+}
+
+const Layout = ({ children }) => {
+ return (
+
+ Thanks for signing up! Before getting started, could you verify
+ verify your email address by clicking on the link we just
+ emailed to you? If you didn't receive the email, we will gladly
+ gladly send you another.
+
+
+ {status === 'verification-link-sent' && (
+
+ A new verification link has been sent to the email address
+ address you provided during registration.
+
- 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.
-
- 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.
-
-
- {status === 'verification-link-sent' && (
-
- A new verification link has been sent to the email
- address you provided during registration.
-