From d16533e13dfac51156c207388ceddac48c40271f Mon Sep 17 00:00:00 2001
From: Bruno <brufdev@proton.me>
Date: Mon, 5 Aug 2024 13:17:39 +0100
Subject: [PATCH] Adapt guest pages to new theme

---
 app/Livewire/Auth/Register.php                |  2 +-
 .../components/layouts/guestMain.blade.php    | 11 +++
 .../livewire/auth/forgot-password.blade.php   | 64 ++++++-------
 resources/views/livewire/auth/login.blade.php | 86 ++++++++---------
 .../views/livewire/auth/register.blade.php    | 94 +++++++++----------
 .../livewire/auth/reset-password.blade.php    | 76 +++++++--------
 6 files changed, 157 insertions(+), 176 deletions(-)
 create mode 100644 resources/views/components/layouts/guestMain.blade.php

diff --git a/app/Livewire/Auth/Register.php b/app/Livewire/Auth/Register.php
index bd8c3b1..ad8d4c1 100644
--- a/app/Livewire/Auth/Register.php
+++ b/app/Livewire/Auth/Register.php
@@ -13,7 +13,7 @@ class Register extends Component
     {
         $this->form->register();
 
-        $this->redirect(route('vaults', absolute: false), navigate: true);
+        $this->redirect(route('vaults.index', absolute: false), navigate: true);
     }
 
     public function render()
diff --git a/resources/views/components/layouts/guestMain.blade.php b/resources/views/components/layouts/guestMain.blade.php
new file mode 100644
index 0000000..b4708a1
--- /dev/null
+++ b/resources/views/components/layouts/guestMain.blade.php
@@ -0,0 +1,11 @@
+<main class="flex flex-col flex-grow gap-10 place-content-center bg-light-base-200 dark:bg-base-950 text-light-base-950 dark:text-base-50">
+    <div class="mx-auto">
+        <h1 class="text-3xl font-semibold">Many Notes</h1>
+    </div>
+
+    <div class="md:container md:mx-auto">
+        <div class="flex flex-col gap-6 p-6 rounded-lg sm:mx-auto sm:w-full sm:max-w-sm sm:p-10 bg-light-base-50 dark:bg-base-900">
+            {{ $slot }}
+        </div>
+    </div>
+</main>
diff --git a/resources/views/livewire/auth/forgot-password.blade.php b/resources/views/livewire/auth/forgot-password.blade.php
index 89ce139..17e75a4 100644
--- a/resources/views/livewire/auth/forgot-password.blade.php
+++ b/resources/views/livewire/auth/forgot-password.blade.php
@@ -1,41 +1,33 @@
 <div class="flex flex-grow">
-    <main class="flex flex-col gap-10 flex-grow place-content-center bg-[#F6F7F8] dark:bg-[#181C20]">
-        <div class="mx-auto">
-            <h1 class="text-3xl font-semibold">Many Notes</h1>
+    <x-layouts.guestMain>
+        <div class="text-center">
+            <x-form.sessionStatus :status="session('status')" />
         </div>
 
-        <div class="md:container md:mx-auto">
-            <div class="flex flex-col gap-6 sm:mx-auto sm:w-full sm:max-w-sm p-6 sm:p-9 bg-[#FCFFFC] dark:bg-[#14171B] rounded-lg">
-                <div class="text-center">
-                    <x-form.session-status :status="session('status')" />
-                </div>
-
-                <div class="text-center">
-                    <x-form.text>
-                        {{ __('Can\'t sign in? Enter your email and we\'ll send you a link to reset your password.') }}
-                    </x-form.text>
-                </div>
-
-                <x-form wire:submit="send" class="flex flex-col gap-6">
-                    <x-form.input
-                        name="form.email"
-                        label="{{ __('Email') }}"
-                        type="email"
-                        required
-                        autofocus
-                    />
-
-                    <x-form.submit label="{{ __('Send') }}" target="send" />
-                </x-form>
-
-                <div class="text-center">
-                    <x-form.text>
-                        <x-form.link wire:navigate href="{{ route('login') }}">
-                            {{ __('Back to Sign in') }}
-                        </x-form.link>
-                    </x-form.text>
-                </div>
-            </div>
+        <div class="text-center">
+            <x-form.text>
+                {{ __('Can\'t sign in? Enter your email and we\'ll send you a link to reset your password.') }}
+            </x-form.text>
         </div>
-    </main>
+
+        <x-form wire:submit="send" class="flex flex-col gap-6">
+            <x-form.input
+                name="form.email"
+                label="{{ __('Email') }}"
+                type="email"
+                required
+                autofocus
+            />
+
+            <x-form.submit label="{{ __('Send') }}" target="send" />
+        </x-form>
+
+        <div class="text-center">
+            <x-form.text>
+                <x-form.link wire:navigate href="{{ route('login') }}">
+                    {{ __('Back to Sign in') }}
+                </x-form.link>
+            </x-form.text>
+        </div>
+    </x-layouts.guestMain>
 </div>
diff --git a/resources/views/livewire/auth/login.blade.php b/resources/views/livewire/auth/login.blade.php
index 76d8abf..71fa8c1 100644
--- a/resources/views/livewire/auth/login.blade.php
+++ b/resources/views/livewire/auth/login.blade.php
@@ -1,57 +1,51 @@
 <div class="flex flex-grow">
-    <main class="flex flex-col gap-10 flex-grow place-content-center bg-[#F6F7F8] dark:bg-[#181C20]">
-        <div class="mx-auto">
-            <h1 class="text-3xl font-semibold">Many Notes</h1>
+    <x-layouts.guestMain>
+        <div class="text-center">
+            <x-form.sessionStatus :status="session('status')" />
         </div>
 
-        <div class="md:container md:mx-auto">
-            <div class="flex flex-col gap-6 sm:mx-auto sm:w-full sm:max-w-sm p-6 sm:p-10 bg-[#FCFFFC] dark:bg-[#14171B] rounded-lg">
-                <div class="text-center">
-                    <x-form.session-status :status="session('status')" />
-                </div>
+        <x-form wire:submit="send" class="flex flex-col gap-6">
+            <x-form.input
+                name="form.email"
+                label="{{ __('Email') }}"
+                type="email"
+                required
+                autofocus
+            />
 
-                <x-form wire:submit="send" class="flex flex-col gap-6">
-                    <x-form.input
-                        name="form.email"
-                        label="{{ __('Email') }}"
-                        type="email"
-                        required
-                        autofocus
-                    />
+            <x-form.input
+                name="form.password"
+                label="{{ __('Password') }}"
+                type="password"
+                required
+            />
 
-                    <x-form.input
-                        name="form.password"
-                        label="{{ __('Password') }}"
-                        type="password"
-                        required
-                    />
+            <x-form.checkbox
+                name="form.remember"
+                label="{{ __('Remember me') }}"
+            />
 
-                    <x-form.checkbox
-                        name="form.remember"
-                        label="{{ __('Remember me') }}"
-                    />
+            <x-form.submit label="{{ __('Sign in') }}" target="send" />
+        </x-form>
 
-                    <x-form.submit label="{{ __('Sign in') }}" target="send" />
-                </x-form>
+        <div class="flex flex-col gap-2 text-center">
+            @if (Route::has('forgot.password'))
+                <x-form.text>
+                    <x-form.link wire:navigate href="{{ route('forgot.password') }}">
+                        {{ __('Forgot your password?') }}
+                    </x-form.link>
+                </x-form.text>
+            @endif
 
-                <div class="flex flex-col gap-2 text-center">
-                    @if (Route::has('forgot.password'))
-                        <x-form.link wire:navigate href="{{ route('forgot.password') }}">
-                            {{ __('Forgot your password?') }}
-                        </x-form.link>
-                    @endif
+            @if (Route::has('register'))
+                <x-form.text>
+                    {{ __('Don\'t have an account?') }}
 
-                    @if (Route::has('register'))
-                        <x-form.text>
-                            {{ __('Don\'t have an account?') }}
-
-                            <x-form.link wire:navigate href="{{ route('register') }}">
-                                {{ __('Sign up') }}
-                            </x-form.link>
-                        </x-form.text>
-                    @endif
-                </div>
-            </div>
+                    <x-form.link wire:navigate href="{{ route('register') }}">
+                        {{ __('Sign up') }}
+                    </x-form.link>
+                </x-form.text>
+            @endif
         </div>
-    </main>
+    </x-layouts.guestMain>
 </div>
diff --git a/resources/views/livewire/auth/register.blade.php b/resources/views/livewire/auth/register.blade.php
index 6e6df07..d0cfd05 100644
--- a/resources/views/livewire/auth/register.blade.php
+++ b/resources/views/livewire/auth/register.blade.php
@@ -1,54 +1,46 @@
 <div class="flex flex-grow">
-    <main class="flex flex-col gap-10 flex-grow place-content-center bg-[#F6F7F8] dark:bg-[#181C20]">
-        <div class="mx-auto">
-            <h1 class="text-3xl font-semibold">Many Notes</h1>
+    <x-layouts.guestMain>
+        <x-form wire:submit="send" class="flex flex-col gap-6">
+            <x-form.input
+                name="form.name"
+                label="{{ __('Name') }}"
+                type="text"
+                required
+                autofocus
+            />
+
+            <x-form.input
+                name="form.email"
+                label="{{ __('Email') }}"
+                type="email"
+                required
+            />
+
+            <x-form.input
+                name="form.password"
+                label="{{ __('Password') }}"
+                type="password"
+                required
+            />
+
+            <x-form.input
+                name="form.password_confirmation"
+                label="{{ __('Confirm password') }}"
+                type="password"
+                required
+            />
+
+            <x-form.submit label="{{ __('Register') }}" target="send" />
+        </x-form>
+
+        <div class="text-center">
+            <x-form.text>
+                {{ __('Already registered?') }}
+
+                <x-form.link wire:navigate href="{{ route('login') }}">
+                    {{ __('Sign in') }}
+                </x-form.link>
+            </x-form.text>
         </div>
-
-        <div class="md:container md:mx-auto">
-            <div class="flex flex-col gap-6 sm:mx-auto sm:w-full sm:max-w-sm p-6 sm:p-10 bg-[#FCFFFC] dark:bg-[#14171B] rounded-lg">
-                <x-form wire:submit="send" class="flex flex-col gap-6">
-                    <x-form.input
-                        name="form.name"
-                        label="{{ __('Name') }}"
-                        type="text"
-                        required
-                        autofocus
-                    />
-
-                    <x-form.input
-                        name="form.email"
-                        label="{{ __('Email') }}"
-                        type="email"
-                        required
-                    />
-
-                    <x-form.input
-                        name="form.password"
-                        label="{{ __('Password') }}"
-                        type="password"
-                        required
-                    />
-
-                    <x-form.input
-                        name="form.password_confirmation"
-                        label="{{ __('Confirm password') }}"
-                        type="password"
-                        required
-                    />
-
-                    <x-form.submit label="{{ __('Register') }}" target="send" />
-                </x-form>
-
-                <div class="text-center">
-                    <x-form.text>
-                        {{ __('Already registered?') }}
-
-                        <x-form.link wire:navigate href="{{ route('login') }}">
-                            {{ __('Sign in') }}
-                        </x-form.link>
-                    </x-form.text>
-                </div>
-            </div>
-        </div>
-    </main>
+    </x-layouts.guestMain>
 </div>
diff --git a/resources/views/livewire/auth/reset-password.blade.php b/resources/views/livewire/auth/reset-password.blade.php
index c5109f8..fe0a5d0 100644
--- a/resources/views/livewire/auth/reset-password.blade.php
+++ b/resources/views/livewire/auth/reset-password.blade.php
@@ -1,45 +1,37 @@
 <div class="flex flex-grow">
-    <main class="flex flex-col gap-10 flex-grow place-content-center bg-[#F6F7F8] dark:bg-[#181C20]">
-        <div class="mx-auto">
-            <h1 class="text-3xl font-semibold">Many Notes</h1>
+    <x-layouts.guestMain>
+        <x-form wire:submit="send" class="flex flex-col gap-6">
+            <x-form.input
+                name="form.email"
+                label="{{ __('Email') }}"
+                type="email"
+                required
+            />
+
+            <x-form.input
+                name="form.password"
+                label="{{ __('New password') }}"
+                type="password"
+                required
+                autofocus
+            />
+
+            <x-form.input
+                name="form.password_confirmation"
+                label="{{ __('Confirm password') }}"
+                type="password"
+                required
+            />
+
+            <x-form.submit label="{{ __('Reset Password') }}" target="send" />
+        </x-form>
+
+        <div class="text-center">
+            <x-form.text>
+                <x-form.link wire:navigate href="{{ route('login') }}">
+                    {{ __('Back to Sign in') }}
+                </x-form.link>
+            </x-form.text>
         </div>
-
-        <div class="md:container md:mx-auto">
-            <div class="flex flex-col gap-6 sm:mx-auto sm:w-full sm:max-w-sm p-6 sm:p-9 bg-[#FCFFFC] dark:bg-[#14171B] rounded-lg">
-                <x-form wire:submit="send" class="flex flex-col gap-6">
-                    <x-form.input
-                        name="form.email"
-                        label="{{ __('Email') }}"
-                        type="email"
-                        required
-                    />
-
-                    <x-form.input
-                        name="form.password"
-                        label="{{ __('New password') }}"
-                        type="password"
-                        required
-                        autofocus
-                    />
-
-                    <x-form.input
-                        name="form.password_confirmation"
-                        label="{{ __('Confirm password') }}"
-                        type="password"
-                        required
-                    />
-
-                    <x-form.submit label="{{ __('Reset Password') }}" target="send" />
-                </x-form>
-
-                <div class="text-center">
-                    <x-form.text>
-                        <x-form.link wire:navigate href="{{ route('login') }}">
-                            {{ __('Back to Sign in') }}
-                        </x-form.link>
-                    </x-form.text>
-                </div>
-            </div>
-        </div>
-    </main>
+    </x-layouts.guestMain>
 </div>