From 76e6a05c5a1d6d1fdf5b24dc47ce04689c2e60c1 Mon Sep 17 00:00:00 2001
From: Mahyar Babaie <mahyarhajibabaie@gmail.com>
Date: Thu, 4 Jan 2024 17:56:40 -0800
Subject: [PATCH 1/3] updated login page and added sidebar

---
 public/submarinelogo.png                      | Bin 0 -> 22444 bytes
 resources/js/Components/ApplicationLogo.tsx   |   9 +-
 resources/js/Components/Checkbox.tsx          |   2 +-
 resources/js/Components/InputLabel.tsx        |   2 +-
 .../js/Components/SignInWithGoogleButton.tsx  |  15 +
 resources/js/Components/TextInput.tsx         |   2 +-
 resources/js/Components/TitleText.tsx         |   9 +
 resources/js/Layouts/GuestLayout.tsx          |  19 +-
 resources/js/Layouts/SidebarLayout.tsx        |  45 +++
 resources/js/Pages/Auth/Login.tsx             |  23 +-
 resources/js/Pages/Welcome.tsx                | 334 +-----------------
 resources/js/Pages/Workspace/Home.tsx         | 101 ++++++
 resources/js/types/index.d.ts                 |   9 +
 13 files changed, 221 insertions(+), 349 deletions(-)
 create mode 100644 public/submarinelogo.png
 create mode 100644 resources/js/Components/SignInWithGoogleButton.tsx
 create mode 100644 resources/js/Components/TitleText.tsx
 create mode 100644 resources/js/Layouts/SidebarLayout.tsx
 create mode 100644 resources/js/Pages/Workspace/Home.tsx

diff --git a/public/submarinelogo.png b/public/submarinelogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2bc703ae4fdf998706f1d1953d1eb4f7fc57e45
GIT binary patch
literal 22444
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

literal 0
HcmV?d00001

diff --git a/resources/js/Components/ApplicationLogo.tsx b/resources/js/Components/ApplicationLogo.tsx
index 9180a3e..de1d088 100644
--- a/resources/js/Components/ApplicationLogo.tsx
+++ b/resources/js/Components/ApplicationLogo.tsx
@@ -1,9 +1,8 @@
-import { SVGAttributes } from 'react';
+import submarineLogo from '../../../public/submarinelogo.png'
+import {ImgHTMLAttributes} from "react";
 
-export default function ApplicationLogo(props: SVGAttributes<SVGElement>) {
+export default function ApplicationLogo({ className = '', ...props }: ImgHTMLAttributes<HTMLImageElement>) {
     return (
-        <svg {...props} viewBox="0 0 316 316" xmlns="http://www.w3.org/2000/svg">
-            <path d="M305.8 81.125C305.77 80.995 305.69 80.885 305.65 80.755C305.56 80.525 305.49 80.285 305.37 80.075C305.29 79.935 305.17 79.815 305.07 79.685C304.94 79.515 304.83 79.325 304.68 79.175C304.55 79.045 304.39 78.955 304.25 78.845C304.09 78.715 303.95 78.575 303.77 78.475L251.32 48.275C249.97 47.495 248.31 47.495 246.96 48.275L194.51 78.475C194.33 78.575 194.19 78.725 194.03 78.845C193.89 78.955 193.73 79.045 193.6 79.175C193.45 79.325 193.34 79.515 193.21 79.685C193.11 79.815 192.99 79.935 192.91 80.075C192.79 80.285 192.71 80.525 192.63 80.755C192.58 80.875 192.51 80.995 192.48 81.125C192.38 81.495 192.33 81.875 192.33 82.265V139.625L148.62 164.795V52.575C148.62 52.185 148.57 51.805 148.47 51.435C148.44 51.305 148.36 51.195 148.32 51.065C148.23 50.835 148.16 50.595 148.04 50.385C147.96 50.245 147.84 50.125 147.74 49.995C147.61 49.825 147.5 49.635 147.35 49.485C147.22 49.355 147.06 49.265 146.92 49.155C146.76 49.025 146.62 48.885 146.44 48.785L93.99 18.585C92.64 17.805 90.98 17.805 89.63 18.585L37.18 48.785C37 48.885 36.86 49.035 36.7 49.155C36.56 49.265 36.4 49.355 36.27 49.485C36.12 49.635 36.01 49.825 35.88 49.995C35.78 50.125 35.66 50.245 35.58 50.385C35.46 50.595 35.38 50.835 35.3 51.065C35.25 51.185 35.18 51.305 35.15 51.435C35.05 51.805 35 52.185 35 52.575V232.235C35 233.795 35.84 235.245 37.19 236.025L142.1 296.425C142.33 296.555 142.58 296.635 142.82 296.725C142.93 296.765 143.04 296.835 143.16 296.865C143.53 296.965 143.9 297.015 144.28 297.015C144.66 297.015 145.03 296.965 145.4 296.865C145.5 296.835 145.59 296.775 145.69 296.745C145.95 296.655 146.21 296.565 146.45 296.435L251.36 236.035C252.72 235.255 253.55 233.815 253.55 232.245V174.885L303.81 145.945C305.17 145.165 306 143.725 306 142.155V82.265C305.95 81.875 305.89 81.495 305.8 81.125ZM144.2 227.205L100.57 202.515L146.39 176.135L196.66 147.195L240.33 172.335L208.29 190.625L144.2 227.205ZM244.75 114.995V164.795L226.39 154.225L201.03 139.625V89.825L219.39 100.395L244.75 114.995ZM249.12 57.105L292.81 82.265L249.12 107.425L205.43 82.265L249.12 57.105ZM114.49 184.425L96.13 194.995V85.305L121.49 70.705L139.85 60.135V169.815L114.49 184.425ZM91.76 27.425L135.45 52.585L91.76 77.745L48.07 52.585L91.76 27.425ZM43.67 60.135L62.03 70.705L87.39 85.305V202.545V202.555V202.565C87.39 202.735 87.44 202.895 87.46 203.055C87.49 203.265 87.49 203.485 87.55 203.695V203.705C87.6 203.875 87.69 204.035 87.76 204.195C87.84 204.375 87.89 204.575 87.99 204.745C87.99 204.745 87.99 204.755 88 204.755C88.09 204.905 88.22 205.035 88.33 205.175C88.45 205.335 88.55 205.495 88.69 205.635L88.7 205.645C88.82 205.765 88.98 205.855 89.12 205.965C89.28 206.085 89.42 206.225 89.59 206.325C89.6 206.325 89.6 206.325 89.61 206.335C89.62 206.335 89.62 206.345 89.63 206.345L139.87 234.775V285.065L43.67 229.705V60.135ZM244.75 229.705L148.58 285.075V234.775L219.8 194.115L244.75 179.875V229.705ZM297.2 139.625L253.49 164.795V114.995L278.85 100.395L297.21 89.825V139.625H297.2Z" />
-        </svg>
+        <img {...props} className={"w-56 h-auto " + className} src={submarineLogo} />
     );
 }
diff --git a/resources/js/Components/Checkbox.tsx b/resources/js/Components/Checkbox.tsx
index c494a2b..0bb008e 100644
--- a/resources/js/Components/Checkbox.tsx
+++ b/resources/js/Components/Checkbox.tsx
@@ -6,7 +6,7 @@ export default function Checkbox({ className = '', ...props }: InputHTMLAttribut
             {...props}
             type="checkbox"
             className={
-                'rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800 ' +
+                'shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 pointer-events-none focus:ring-blue-500 ' +
                 className
             }
         />
diff --git a/resources/js/Components/InputLabel.tsx b/resources/js/Components/InputLabel.tsx
index b0ea407..1c0c698 100644
--- a/resources/js/Components/InputLabel.tsx
+++ b/resources/js/Components/InputLabel.tsx
@@ -2,7 +2,7 @@ import { LabelHTMLAttributes } from 'react';
 
 export default function InputLabel({ value, className = '', children, ...props }: LabelHTMLAttributes<HTMLLabelElement> & { value?: string }) {
     return (
-        <label {...props} className={`block font-medium text-sm text-gray-700 dark:text-gray-300 ` + className}>
+        <label {...props} className={`block text-sm mb-2 ` + className}>
             {value ? value : children}
         </label>
     );
diff --git a/resources/js/Components/SignInWithGoogleButton.tsx b/resources/js/Components/SignInWithGoogleButton.tsx
new file mode 100644
index 0000000..362e54d
--- /dev/null
+++ b/resources/js/Components/SignInWithGoogleButton.tsx
@@ -0,0 +1,15 @@
+export default function SignInWithGoogleButton() {
+    return (
+      <>
+          <button type="button" className="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none">
+              <svg className="w-4 h-auto" width="46" height="47" viewBox="0 0 46 47" fill="none">
+                  <path d="M46 24.0287C46 22.09 45.8533 20.68 45.5013 19.2112H23.4694V27.9356H36.4069C36.1429 30.1094 34.7347 33.37 31.5957 35.5731L31.5663 35.8669L38.5191 41.2719L38.9885 41.3306C43.4477 37.2181 46 31.1669 46 24.0287Z" fill="#4285F4"/>
+                  <path d="M23.4694 47C29.8061 47 35.1161 44.9144 39.0179 41.3012L31.625 35.5437C29.6301 36.9244 26.9898 37.8937 23.4987 37.8937C17.2793 37.8937 12.0281 33.7812 10.1505 28.1412L9.88649 28.1706L2.61097 33.7812L2.52296 34.0456C6.36608 41.7125 14.287 47 23.4694 47Z" fill="#34A853"/>
+                  <path d="M10.1212 28.1413C9.62245 26.6725 9.32908 25.1156 9.32908 23.5C9.32908 21.8844 9.62245 20.3275 10.0918 18.8588V18.5356L2.75765 12.8369L2.52296 12.9544C0.909439 16.1269 0 19.7106 0 23.5C0 27.2894 0.909439 30.8731 2.49362 34.0456L10.1212 28.1413Z" fill="#FBBC05"/>
+                  <path d="M23.4694 9.07688C27.8699 9.07688 30.8622 10.9863 32.5344 12.5725L39.1645 6.11C35.0867 2.32063 29.8061 0 23.4694 0C14.287 0 6.36607 5.2875 2.49362 12.9544L10.0918 18.8588C11.9987 13.1894 17.25 9.07688 23.4694 9.07688Z" fill="#EB4335"/>
+              </svg>
+              Sign in with Google
+          </button>
+      </>
+    );
+}
diff --git a/resources/js/Components/TextInput.tsx b/resources/js/Components/TextInput.tsx
index 3b5a12d..f6b6df3 100644
--- a/resources/js/Components/TextInput.tsx
+++ b/resources/js/Components/TextInput.tsx
@@ -21,7 +21,7 @@ export default forwardRef(function TextInput(
             {...props}
             type={type}
             className={
-                'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm ' +
+                'py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none ' +
                 className
             }
             ref={localRef}
diff --git a/resources/js/Components/TitleText.tsx b/resources/js/Components/TitleText.tsx
new file mode 100644
index 0000000..faf2699
--- /dev/null
+++ b/resources/js/Components/TitleText.tsx
@@ -0,0 +1,9 @@
+import {HTMLAttributes, LabelHTMLAttributes} from 'react';
+
+export default function TitleText({ value, className = '', children, ...props }: HTMLAttributes<HTMLParagraphElement> & { value?: string }) {
+    return (
+        <h1 {...props} className={`block text-2xl font-bold text-gray-800 ` + className}>
+            {value ? value : children}
+        </h1>
+    );
+}
diff --git a/resources/js/Layouts/GuestLayout.tsx b/resources/js/Layouts/GuestLayout.tsx
index 92dad2b..c9d60cb 100644
--- a/resources/js/Layouts/GuestLayout.tsx
+++ b/resources/js/Layouts/GuestLayout.tsx
@@ -4,15 +4,16 @@ import { PropsWithChildren } from 'react';
 
 export default function Guest({ children }: PropsWithChildren) {
     return (
-        <div className="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
-            <div>
-                <Link href="/">
-                    <ApplicationLogo className="w-20 h-20 fill-current text-gray-500" />
-                </Link>
-            </div>
-
-            <div className="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
-                {children}
+        <div className="min-h-screen bg-gray-100 flex h-full items-center py-16">
+            <div className="w-full max-w-md mx-auto p-6">
+                <div className="mt-7 bg-white border border-gray-200 rounded-xl shadow-sm">
+                    <div className="w-20 h-20 fill-current mx-auto pt-5 mb-2">
+                        <ApplicationLogo />
+                    </div>
+                    <div className="p-4 sm:p-7">
+                        {children}
+                    </div>
+                </div>
             </div>
         </div>
     );
diff --git a/resources/js/Layouts/SidebarLayout.tsx b/resources/js/Layouts/SidebarLayout.tsx
new file mode 100644
index 0000000..e9445ed
--- /dev/null
+++ b/resources/js/Layouts/SidebarLayout.tsx
@@ -0,0 +1,45 @@
+import {PropsWithChildren} from "react";
+import ApplicationLogo from "@/Components/ApplicationLogo";
+
+export default function SidebarLayout({ children }: PropsWithChildren) {
+    return (
+        <>
+            {/*Navigation Toggle*/}
+            <button type="button" className="text-gray-500 hover:text-gray-600" data-hs-overlay="#docs-sidebar" aria-controls="docs-sidebar" aria-label="Toggle navigation">
+                <span className="sr-only">Toggle Navigation</span>
+                <svg className="flex-shrink-0 w-4 h-4" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+                    <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
+                </svg>
+            </button>
+            {/*End Navigation Toggle*/}
+
+            <div id="docs-sidebar" className="hs-overlay hs-overlay-open:translate-x-0 -translate-x-full transition-all duration-300 transform hidden fixed top-0 start-0 bottom-0 z-[60] w-64 bg-white border-e border-gray-200 pt-7 pb-10 overflow-y-auto lg:block lg:translate-x-0 lg:end-auto lg:bottom-0 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-slate-700 dark:[&::-webkit-scrollbar-thumb]:bg-slate-500 dark:bg-gray-800 dark:border-gray-700">
+                <div className="px-6">
+                    <ApplicationLogo className="scale-50"/>
+                </div>
+                <nav className="hs-accordion-group p-6 w-full flex flex-col flex-wrap">
+                    <ul className="space-y-1.5">
+                        <li>
+                            <a className="flex items-center gap-x-3.5 py-2 px-2.5 bg-gray-100 text-sm text-slate-700 rounded-lg hover:bg-gray-600 dark:bg-gray-900 dark:text-white dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600" href="#">
+                                <svg className="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
+                                Workspaces
+                            </a>
+                        </li>
+                        <li>
+                            <a className="flex items-center gap-x-3.5 py-2 px-2.5 bg-gray-100 text-sm text-slate-700 rounded-lg hover:bg-gray-600 dark:bg-gray-900 dark:text-white dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600" href="#">
+                                <svg className="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
+                                Settings
+                            </a>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+            {/*Content*/}
+            <div className="w-full pt-10 px-4 sm:px-6 md:px-8 lg:ps-72">
+                {/*Page Heading*/}
+                {children}
+            </div>
+            {/*End Content*/}
+        </>
+    );
+}
diff --git a/resources/js/Pages/Auth/Login.tsx b/resources/js/Pages/Auth/Login.tsx
index 256a1bd..363c00b 100644
--- a/resources/js/Pages/Auth/Login.tsx
+++ b/resources/js/Pages/Auth/Login.tsx
@@ -6,6 +6,8 @@ import InputLabel from '@/Components/InputLabel';
 import PrimaryButton from '@/Components/PrimaryButton';
 import TextInput from '@/Components/TextInput';
 import { Head, Link, useForm } from '@inertiajs/react';
+import SignInWithGoogleButton from "@/Components/SignInWithGoogleButton";
+import TitleText from "@/Components/TitleText";
 
 export default function Login({ status, canResetPassword }: { status?: string, canResetPassword: boolean }) {
     const { data, setData, post, processing, errors, reset } = useForm({
@@ -32,6 +34,21 @@ export default function Login({ status, canResetPassword }: { status?: string, c
 
             {status && <div className="mb-4 font-medium text-sm text-green-600">{status}</div>}
 
+            <div className="text-center">
+                <TitleText value="Log in"/>
+                <p className="mt-2 text-sm text-gray-600">
+                    Don't have an account yet?
+                    <Link className="ml-1 text-blue-600 decoration-2 hover:underline font-medium" href="register">
+                        Sign up here
+                    </Link>
+                </p>
+            </div>
+
+            <div className="mt-5">
+                <SignInWithGoogleButton/>
+                <p className="py-3 flex items-center text-xs text-gray-400 uppercase before:flex-[1_1_0%] before:border-t before:border-gray-200 before:me-6 after:flex-[1_1_0%] after:border-t after:border-gray-200 after:ms-6">Or</p>
+            </div>
+
             <form onSubmit={submit}>
                 <div>
                     <InputLabel htmlFor="email" value="Email" />
@@ -73,15 +90,15 @@ export default function Login({ status, canResetPassword }: { status?: string, c
                             checked={data.remember}
                             onChange={(e) => setData('remember', e.target.checked)}
                         />
-                        <span className="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
+                        <span className="ms-2 text-sm text-gray-600">Remember me</span>
                     </label>
                 </div>
 
-                <div className="flex items-center justify-end mt-4">
+                <div className="flex items-center justify-center mt-4">
                     {canResetPassword && (
                         <Link
                             href={route('password.request')}
-                            className="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+                            className="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
                         >
                             Forgot your password?
                         </Link>
diff --git a/resources/js/Pages/Welcome.tsx b/resources/js/Pages/Welcome.tsx
index 987c614..066f171 100644
--- a/resources/js/Pages/Welcome.tsx
+++ b/resources/js/Pages/Welcome.tsx
@@ -1,338 +1,14 @@
 import { Link, Head } from '@inertiajs/react';
 import { PageProps } from '@/types';
+import SidebarLayout from "@/Layouts/SidebarLayout";
+import WorkspaceHome from "@/Pages/Workspace/Home";
 
 export default function Welcome({ auth, laravelVersion, phpVersion }: PageProps<{ laravelVersion: string, phpVersion: string }>) {
     return (
         <>
-            <Head title="Welcome" />
-            <div className="relative sm:flex sm:justify-center sm:items-center min-h-screen bg-dots-darker bg-center bg-gray-100 dark:bg-dots-lighter dark:bg-gray-900 selection:bg-red-500 selection:text-white">
-                <div className="sm:fixed sm:top-0 sm:right-0 p-6 text-end">
-                    {auth.user ? (
-                        <Link
-                            href={route('dashboard')}
-                            className="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                        >
-                            Dashboard
-                        </Link>
-                    ) : (
-                        <>
-                            <Link
-                                href={route('login')}
-                                className="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                            >
-                                Log in
-                            </Link>
-
-                            <Link
-                                href={route('register')}
-                                className="ms-4 font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                            >
-                                Register
-                            </Link>
-                        </>
-                    )}
-                </div>
-
-                <div className="max-w-7xl mx-auto p-6 lg:p-8">
-                    <div className="flex justify-center">
-                        <svg
-                            viewBox="0 0 62 65"
-                            fill="none"
-                            xmlns="http://www.w3.org/2000/svg"
-                            className="h-16 w-auto bg-gray-100 dark:bg-gray-900"
-                        >
-                            <path
-                                d="M61.8548 14.6253C61.8778 14.7102 61.8895 14.7978 61.8897 14.8858V28.5615C61.8898 28.737 61.8434 28.9095 61.7554 29.0614C61.6675 29.2132 61.5409 29.3392 61.3887 29.4265L49.9104 36.0351V49.1337C49.9104 49.4902 49.7209 49.8192 49.4118 49.9987L25.4519 63.7916C25.3971 63.8227 25.3372 63.8427 25.2774 63.8639C25.255 63.8714 25.2338 63.8851 25.2101 63.8913C25.0426 63.9354 24.8666 63.9354 24.6991 63.8913C24.6716 63.8838 24.6467 63.8689 24.6205 63.8589C24.5657 63.8389 24.5084 63.8215 24.456 63.7916L0.501061 49.9987C0.348882 49.9113 0.222437 49.7853 0.134469 49.6334C0.0465019 49.4816 0.000120578 49.3092 0 49.1337L0 8.10652C0 8.01678 0.0124642 7.92953 0.0348998 7.84477C0.0423783 7.8161 0.0598282 7.78993 0.0697995 7.76126C0.0884958 7.70891 0.105946 7.65531 0.133367 7.6067C0.152063 7.5743 0.179485 7.54812 0.20192 7.51821C0.230588 7.47832 0.256763 7.43719 0.290416 7.40229C0.319084 7.37362 0.356476 7.35243 0.388883 7.32751C0.425029 7.29759 0.457436 7.26518 0.498568 7.2415L12.4779 0.345059C12.6296 0.257786 12.8015 0.211853 12.9765 0.211853C13.1515 0.211853 13.3234 0.257786 13.475 0.345059L25.4531 7.2415H25.4556C25.4955 7.26643 25.5292 7.29759 25.5653 7.32626C25.5977 7.35119 25.6339 7.37362 25.6625 7.40104C25.6974 7.43719 25.7224 7.47832 25.7523 7.51821C25.7735 7.54812 25.8021 7.5743 25.8196 7.6067C25.8483 7.65656 25.8645 7.70891 25.8844 7.76126C25.8944 7.78993 25.9118 7.8161 25.9193 7.84602C25.9423 7.93096 25.954 8.01853 25.9542 8.10652V33.7317L35.9355 27.9844V14.8846C35.9355 14.7973 35.948 14.7088 35.9704 14.6253C35.9792 14.5954 35.9954 14.5692 36.0053 14.5405C36.0253 14.4882 36.0427 14.4346 36.0702 14.386C36.0888 14.3536 36.1163 14.3274 36.1375 14.2975C36.1674 14.2576 36.1923 14.2165 36.2272 14.1816C36.2559 14.1529 36.292 14.1317 36.3244 14.1068C36.3618 14.0769 36.3942 14.0445 36.4341 14.0208L48.4147 7.12434C48.5663 7.03694 48.7383 6.99094 48.9133 6.99094C49.0883 6.99094 49.2602 7.03694 49.4118 7.12434L61.3899 14.0208C61.4323 14.0457 61.4647 14.0769 61.5021 14.1055C61.5333 14.1305 61.5694 14.1529 61.5981 14.1803C61.633 14.2165 61.6579 14.2576 61.6878 14.2975C61.7103 14.3274 61.7377 14.3536 61.7551 14.386C61.7838 14.4346 61.8 14.4882 61.8199 14.5405C61.8312 14.5692 61.8474 14.5954 61.8548 14.6253ZM59.893 27.9844V16.6121L55.7013 19.0252L49.9104 22.3593V33.7317L59.8942 27.9844H59.893ZM47.9149 48.5566V37.1768L42.2187 40.4299L25.953 49.7133V61.2003L47.9149 48.5566ZM1.99677 9.83281V48.5566L23.9562 61.199V49.7145L12.4841 43.2219L12.4804 43.2194L12.4754 43.2169C12.4368 43.1945 12.4044 43.1621 12.3682 43.1347C12.3371 43.1097 12.3009 43.0898 12.2735 43.0624L12.271 43.0586C12.2386 43.0275 12.2162 42.9888 12.1887 42.9539C12.1638 42.9203 12.1339 42.8916 12.114 42.8567L12.1127 42.853C12.0903 42.8156 12.0766 42.7707 12.0604 42.7283C12.0442 42.6909 12.023 42.656 12.013 42.6161C12.0005 42.5688 11.998 42.5177 11.9931 42.4691C11.9881 42.4317 11.9781 42.3943 11.9781 42.3569V15.5801L6.18848 12.2446L1.99677 9.83281ZM12.9777 2.36177L2.99764 8.10652L12.9752 13.8513L22.9541 8.10527L12.9752 2.36177H12.9777ZM18.1678 38.2138L23.9574 34.8809V9.83281L19.7657 12.2459L13.9749 15.5801V40.6281L18.1678 38.2138ZM48.9133 9.14105L38.9344 14.8858L48.9133 20.6305L58.8909 14.8846L48.9133 9.14105ZM47.9149 22.3593L42.124 19.0252L37.9323 16.6121V27.9844L43.7219 31.3174L47.9149 33.7317V22.3593ZM24.9533 47.987L39.59 39.631L46.9065 35.4555L36.9352 29.7145L25.4544 36.3242L14.9907 42.3482L24.9533 47.987Z"
-                                fill="#FF2D20"
-                            />
-                        </svg>
-                    </div>
-
-                    <div className="mt-16">
-                        <div className="grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8">
-                            <a
-                                href="https://laravel.com/docs"
-                                className="scale-100 p-6 bg-white dark:bg-gray-800/50 dark:bg-gradient-to-bl from-gray-700/50 via-transparent dark:ring-1 dark:ring-inset dark:ring-white/5 rounded-lg shadow-2xl shadow-gray-500/20 dark:shadow-none flex motion-safe:hover:scale-[1.01] transition-all duration-250 focus:outline focus:outline-2 focus:outline-red-500"
-                            >
-                                <div>
-                                    <div className="h-16 w-16 bg-red-50 dark:bg-red-800/20 flex items-center justify-center rounded-full">
-                                        <svg
-                                            xmlns="http://www.w3.org/2000/svg"
-                                            fill="none"
-                                            viewBox="0 0 24 24"
-                                            strokeWidth="1.5"
-                                            className="w-7 h-7 stroke-red-500"
-                                        >
-                                            <path
-                                                strokeLinecap="round"
-                                                strokeLinejoin="round"
-                                                d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
-                                            />
-                                        </svg>
-                                    </div>
-
-                                    <h2 className="mt-6 text-xl font-semibold text-gray-900 dark:text-white">
-                                        Documentation
-                                    </h2>
-
-                                    <p className="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
-                                        Laravel has wonderful documentation covering every aspect of the framework.
-                                        Whether you are a newcomer or have prior experience with Laravel, we recommend
-                                        reading our documentation from beginning to end.
-                                    </p>
-                                </div>
-
-                                <svg
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    fill="none"
-                                    viewBox="0 0 24 24"
-                                    strokeWidth="1.5"
-                                    className="self-center shrink-0 stroke-red-500 w-6 h-6 mx-6"
-                                >
-                                    <path
-                                        strokeLinecap="round"
-                                        strokeLinejoin="round"
-                                        d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"
-                                    />
-                                </svg>
-                            </a>
-
-                            <a
-                                href="https://laracasts.com"
-                                className="scale-100 p-6 bg-white dark:bg-gray-800/50 dark:bg-gradient-to-bl from-gray-700/50 via-transparent dark:ring-1 dark:ring-inset dark:ring-white/5 rounded-lg shadow-2xl shadow-gray-500/20 dark:shadow-none flex motion-safe:hover:scale-[1.01] transition-all duration-250 focus:outline focus:outline-2 focus:outline-red-500"
-                            >
-                                <div>
-                                    <div className="h-16 w-16 bg-red-50 dark:bg-red-800/20 flex items-center justify-center rounded-full">
-                                        <svg
-                                            xmlns="http://www.w3.org/2000/svg"
-                                            fill="none"
-                                            viewBox="0 0 24 24"
-                                            strokeWidth="1.5"
-                                            className="w-7 h-7 stroke-red-500"
-                                        >
-                                            <path
-                                                strokeLinecap="round"
-                                                d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z"
-                                            />
-                                        </svg>
-                                    </div>
-
-                                    <h2 className="mt-6 text-xl font-semibold text-gray-900 dark:text-white">
-                                        Laracasts
-                                    </h2>
-
-                                    <p className="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
-                                        Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript
-                                        development. Check them out, see for yourself, and massively level up your
-                                        development skills in the process.
-                                    </p>
-                                </div>
-
-                                <svg
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    fill="none"
-                                    viewBox="0 0 24 24"
-                                    strokeWidth="1.5"
-                                    className="self-center shrink-0 stroke-red-500 w-6 h-6 mx-6"
-                                >
-                                    <path
-                                        strokeLinecap="round"
-                                        strokeLinejoin="round"
-                                        d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"
-                                    />
-                                </svg>
-                            </a>
-
-                            <a
-                                href="https://laravel-news.com"
-                                className="scale-100 p-6 bg-white dark:bg-gray-800/50 dark:bg-gradient-to-bl from-gray-700/50 via-transparent dark:ring-1 dark:ring-inset dark:ring-white/5 rounded-lg shadow-2xl shadow-gray-500/20 dark:shadow-none flex motion-safe:hover:scale-[1.01] transition-all duration-250 focus:outline focus:outline-2 focus:outline-red-500"
-                            >
-                                <div>
-                                    <div className="h-16 w-16 bg-red-50 dark:bg-red-800/20 flex items-center justify-center rounded-full">
-                                        <svg
-                                            xmlns="http://www.w3.org/2000/svg"
-                                            fill="none"
-                                            viewBox="0 0 24 24"
-                                            strokeWidth="1.5"
-                                            className="w-7 h-7 stroke-red-500"
-                                        >
-                                            <path
-                                                strokeLinecap="round"
-                                                strokeLinejoin="round"
-                                                d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z"
-                                            />
-                                        </svg>
-                                    </div>
-
-                                    <h2 className="mt-6 text-xl font-semibold text-gray-900 dark:text-white">
-                                        Laravel News
-                                    </h2>
-
-                                    <p className="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
-                                        Laravel News is a community driven portal and newsletter aggregating all of the
-                                        latest and most important news in the Laravel ecosystem, including new package
-                                        releases and tutorials.
-                                    </p>
-                                </div>
-
-                                <svg
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    fill="none"
-                                    viewBox="0 0 24 24"
-                                    strokeWidth="1.5"
-                                    className="self-center shrink-0 stroke-red-500 w-6 h-6 mx-6"
-                                >
-                                    <path
-                                        strokeLinecap="round"
-                                        strokeLinejoin="round"
-                                        d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"
-                                    />
-                                </svg>
-                            </a>
-
-                            <div className="scale-100 p-6 bg-white dark:bg-gray-800/50 dark:bg-gradient-to-bl from-gray-700/50 via-transparent dark:ring-1 dark:ring-inset dark:ring-white/5 rounded-lg shadow-2xl shadow-gray-500/20 dark:shadow-none flex motion-safe:hover:scale-[1.01] transition-all duration-250 focus:outline focus:outline-2 focus:outline-red-500">
-                                <div>
-                                    <div className="h-16 w-16 bg-red-50 dark:bg-red-800/20 flex items-center justify-center rounded-full">
-                                        <svg
-                                            xmlns="http://www.w3.org/2000/svg"
-                                            fill="none"
-                                            viewBox="0 0 24 24"
-                                            strokeWidth="1.5"
-                                            className="w-7 h-7 stroke-red-500"
-                                        >
-                                            <path
-                                                strokeLinecap="round"
-                                                strokeLinejoin="round"
-                                                d="M6.115 5.19l.319 1.913A6 6 0 008.11 10.36L9.75 12l-.387.775c-.217.433-.132.956.21 1.298l1.348 1.348c.21.21.329.497.329.795v1.089c0 .426.24.815.622 1.006l.153.076c.433.217.956.132 1.298-.21l.723-.723a8.7 8.7 0 002.288-4.042 1.087 1.087 0 00-.358-1.099l-1.33-1.108c-.251-.21-.582-.299-.905-.245l-1.17.195a1.125 1.125 0 01-.98-.314l-.295-.295a1.125 1.125 0 010-1.591l.13-.132a1.125 1.125 0 011.3-.21l.603.302a.809.809 0 001.086-1.086L14.25 7.5l1.256-.837a4.5 4.5 0 001.528-1.732l.146-.292M6.115 5.19A9 9 0 1017.18 4.64M6.115 5.19A8.965 8.965 0 0112 3c1.929 0 3.716.607 5.18 1.64"
-                                            />
-                                        </svg>
-                                    </div>
-
-                                    <h2 className="mt-6 text-xl font-semibold text-gray-900 dark:text-white">
-                                        Vibrant Ecosystem
-                                    </h2>
-
-                                    <p className="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
-                                        Laravel's robust library of first-party tools and libraries, such as{' '}
-                                        <a
-                                            href="https://forge.laravel.com"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Forge
-                                        </a>
-                                        ,{' '}
-                                        <a
-                                            href="https://vapor.laravel.com"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Vapor
-                                        </a>
-                                        ,{' '}
-                                        <a
-                                            href="https://nova.laravel.com"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Nova
-                                        </a>
-                                        , and{' '}
-                                        <a
-                                            href="https://envoyer.io"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Envoyer
-                                        </a>{' '}
-                                        help you take your projects to the next level. Pair them with powerful open
-                                        source libraries like{' '}
-                                        <a
-                                            href="https://laravel.com/docs/billing"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Cashier
-                                        </a>
-                                        ,{' '}
-                                        <a
-                                            href="https://laravel.com/docs/dusk"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Dusk
-                                        </a>
-                                        ,{' '}
-                                        <a
-                                            href="https://laravel.com/docs/broadcasting"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Echo
-                                        </a>
-                                        ,{' '}
-                                        <a
-                                            href="https://laravel.com/docs/horizon"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Horizon
-                                        </a>
-                                        ,{' '}
-                                        <a
-                                            href="https://laravel.com/docs/sanctum"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Sanctum
-                                        </a>
-                                        ,{' '}
-                                        <a
-                                            href="https://laravel.com/docs/telescope"
-                                            className="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                        >
-                                            Telescope
-                                        </a>
-                                        , and more.
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className="flex justify-center mt-16 px-6 sm:items-center sm:justify-between">
-                        <div className="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-start">
-                            <div className="flex items-center gap-4">
-                                <a
-                                    href="https://github.com/sponsors/taylorotwell"
-                                    className="group inline-flex items-center hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
-                                >
-                                    <svg
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        fill="none"
-                                        viewBox="0 0 24 24"
-                                        strokeWidth="1.5"
-                                        className="-mt-px me-1 w-5 h-5 stroke-gray-400 dark:stroke-gray-600 group-hover:stroke-gray-600 dark:group-hover:stroke-gray-400"
-                                    >
-                                        <path
-                                            strokeLinecap="round"
-                                            strokeLinejoin="round"
-                                            d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"
-                                        />
-                                    </svg>
-                                    Sponsor
-                                </a>
-                            </div>
-                        </div>
-
-                        <div className="ms-4 text-center text-sm text-gray-500 dark:text-gray-400 sm:text-end sm:ms-0">
-                            Laravel v{laravelVersion} (PHP v{phpVersion})
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <style>{`
-                .bg-dots-darker {
-                    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.07)'/%3E%3C/svg%3E");
-                }
-                @media (prefers-color-scheme: dark) {
-                    .dark\\:bg-dots-lighter {
-                        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E");
-                    }
-                }
-            `}</style>
+            <SidebarLayout>
+                <WorkspaceHome/>
+            </SidebarLayout>
         </>
     );
 }
diff --git a/resources/js/Pages/Workspace/Home.tsx b/resources/js/Pages/Workspace/Home.tsx
new file mode 100644
index 0000000..eefb984
--- /dev/null
+++ b/resources/js/Pages/Workspace/Home.tsx
@@ -0,0 +1,101 @@
+import {PropsWithChildren, ReactNode, useEffect, useState} from "react";
+import {Workspace} from "@/types";
+
+const initialWorkspaces: Workspace[] = [
+    {
+        id: 1,
+        name: "tf-abc",
+        status: "applied",
+        repo: "workspace-name/tf-abc",
+        latestChange: "2 monoths ago"
+    },
+    {
+        id: 2,
+        name: "tf-def",
+        status: "applied",
+        repo: "workspace-name/tf-def",
+        latestChange: "4 monoths ago"
+    },
+    {
+        id: 3,
+        name: "tf-ghi",
+        status: "applied",
+        repo: "workspace-name/tf-ghi",
+        latestChange: "7 monoths ago"
+    },
+    {
+        id: 4,
+        name: "tf-flo",
+        status: "applied",
+        repo: "workspace-name/tf-flo",
+        latestChange: "9 monoths ago"
+    },
+]
+
+const emptyWorkspace: Workspace[] = []
+
+export default function WorkspaceHome({ children }: PropsWithChildren) {
+    const [workspaces, setWorkspaces] = useState<Workspace[]>([]);
+
+    useEffect(() => {
+        async function fetchWorkspaces() {
+            const spaces = initialWorkspaces;
+            setWorkspaces(spaces);
+        }
+
+        fetchWorkspaces();
+    }, []);
+
+    return (
+      <>
+          <p className="mb-5 text-sm">
+              <span className="text-gray-500 mr-1">
+                  workspace-name /
+              </span>
+              workspaces
+          </p>
+          <div className="grid grid-cols-6 mb-20">
+              <h1 className="col-span-5 text-3xl font-bold">Workspaces</h1>
+              <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
+                  + New Workspace
+              </button>
+          </div>
+          { workspaces.length === 0 && <div className="text-center">
+              <h2 className="mb-10">Placeholder for subtitle of empty workspace</h2>
+              <p>Placeholder for description of workspace</p>
+          </div>
+          }
+          { workspaces.length > 0 && <div>
+              <div className="flex flex-col">
+                  <div className="-m-1.5 overflow-x-auto">
+                      <div className="p-1.5 min-w-full inline-block align-middle">
+                          <div className="border rounded-lg overflow-hidden">
+                              <table className="min-w-full divide-y divide-gray-200">
+                                  <thead className="bg-gray-700">
+                                  <tr>
+                                      <th scope="col" className="px-6 py-3 text-start text-xs font-medium text-gray-400 uppercase">Workspace Name</th>
+                                      <th scope="col" className="px-6 py-3 text-start text-xs font-medium text-gray-400 uppercase">Run Status</th>
+                                      <th scope="col" className="px-6 py-3 text-start text-xs font-medium text-gray-400 uppercase">Repo</th>
+                                      <th scope="col" className="px-6 py-3 text-start text-xs font-medium text-gray-400 uppercase">Latest Change</th>
+                                  </tr>
+                                  </thead>
+                                  <tbody className="divide-y divide-gray-200">
+                                  {workspaces.map((workspace): ReactNode => {
+                                      return <tr key={workspace.id}>
+                                          <td className="px-6 py-4 whitespace-nowrap text-sm font-medium">{workspace.name}</td>
+                                          <td className="px-6 py-4 whitespace-nowrap text-sm">{workspace.status}</td>
+                                          <td className="px-6 py-4 whitespace-nowrap text-sm">{workspace.repo}</td>
+                                          <td className="px-6 py-4 whitespace-nowrap text-sm">{workspace.latestChange}</td>
+                                      </tr>
+                                  })}
+                                  </tbody>
+                              </table>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+          </div>
+          }
+      </>
+    );
+}
diff --git a/resources/js/types/index.d.ts b/resources/js/types/index.d.ts
index 688ce28..39c97e4 100644
--- a/resources/js/types/index.d.ts
+++ b/resources/js/types/index.d.ts
@@ -10,3 +10,12 @@ export type PageProps<T extends Record<string, unknown> = Record<string, unknown
         user: User;
     };
 };
+
+export interface Workspace {
+    id: number;
+    name: string;
+    status: string;
+    repo: string;
+    latestChange: string;
+}
+

From d3183dae4abd0b0ac7d597cb8e781c5ce1099361 Mon Sep 17 00:00:00 2001
From: Mahyar Babaie <mahyarhajibabaie@gmail.com>
Date: Thu, 4 Jan 2024 18:15:08 -0800
Subject: [PATCH 2/3] updated login page and added sidebar

---
 resources/js/Components/PrimaryButton.tsx |  2 +-
 resources/js/Components/TitleText.tsx     |  2 +-
 resources/js/Pages/Auth/Login.tsx         | 21 +++++++++++----------
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/resources/js/Components/PrimaryButton.tsx b/resources/js/Components/PrimaryButton.tsx
index e0e8af6..54a5e83 100644
--- a/resources/js/Components/PrimaryButton.tsx
+++ b/resources/js/Components/PrimaryButton.tsx
@@ -5,7 +5,7 @@ export default function PrimaryButton({ className = '', disabled, children, ...p
         <button
             {...props}
             className={
-                `inline-flex items-center px-4 py-2 bg-gray-800 dark:bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-white dark:text-gray-800 uppercase tracking-widest hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150 ${
+                `w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none ${
                     disabled && 'opacity-25'
                 } ` + className
             }
diff --git a/resources/js/Components/TitleText.tsx b/resources/js/Components/TitleText.tsx
index faf2699..33fb08e 100644
--- a/resources/js/Components/TitleText.tsx
+++ b/resources/js/Components/TitleText.tsx
@@ -1,4 +1,4 @@
-import {HTMLAttributes, LabelHTMLAttributes} from 'react';
+import {HTMLAttributes} from 'react';
 
 export default function TitleText({ value, className = '', children, ...props }: HTMLAttributes<HTMLParagraphElement> & { value?: string }) {
     return (
diff --git a/resources/js/Pages/Auth/Login.tsx b/resources/js/Pages/Auth/Login.tsx
index 363c00b..f842dd7 100644
--- a/resources/js/Pages/Auth/Login.tsx
+++ b/resources/js/Pages/Auth/Login.tsx
@@ -68,7 +68,17 @@ export default function Login({ status, canResetPassword }: { status?: string, c
                 </div>
 
                 <div className="mt-4">
-                    <InputLabel htmlFor="password" value="Password" />
+                    <div className="flex justify-between items-center">
+                        <InputLabel htmlFor="password" value="Password" />
+                        {canResetPassword && (
+                            <Link
+                                className="text-sm text-blue-600 decoration-2 hover:underline font-medium"
+                                href={route('password.request')}
+                            >
+                                Forgot password?
+                            </Link>
+                        )}
+                    </div>
 
                     <TextInput
                         id="password"
@@ -95,15 +105,6 @@ export default function Login({ status, canResetPassword }: { status?: string, c
                 </div>
 
                 <div className="flex items-center justify-center mt-4">
-                    {canResetPassword && (
-                        <Link
-                            href={route('password.request')}
-                            className="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
-                        >
-                            Forgot your password?
-                        </Link>
-                    )}
-
                     <PrimaryButton className="ms-4" disabled={processing}>
                         Log in
                     </PrimaryButton>

From c9adc9c95092a1a86c9bc88e0339284a4f2eb8ae Mon Sep 17 00:00:00 2001
From: Mahyar Babaie <mahyarhajibabaie@gmail.com>
Date: Thu, 4 Jan 2024 18:20:13 -0800
Subject: [PATCH 3/3] updated login page and added sidebar

---
 resources/js/Pages/Auth/Login.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/Pages/Auth/Login.tsx b/resources/js/Pages/Auth/Login.tsx
index f842dd7..ee30b50 100644
--- a/resources/js/Pages/Auth/Login.tsx
+++ b/resources/js/Pages/Auth/Login.tsx
@@ -104,8 +104,8 @@ export default function Login({ status, canResetPassword }: { status?: string, c
                     </label>
                 </div>
 
-                <div className="flex items-center justify-center mt-4">
-                    <PrimaryButton className="ms-4" disabled={processing}>
+                <div className="mt-4">
+                    <PrimaryButton disabled={processing}>
                         Log in
                     </PrimaryButton>
                 </div>