wip

src/app/auth/pages/LoginPage.tsx

@@ -1,10 +1,11 @@
-import { useRef, useState, FormEvent } from 'react'
+import { useRef, useState, FormEvent, useEffect } from 'react'
 import SingleColumnLayout from '../../../layouts/SingleColumnLayout.tsx'
 import TextInput from '../../../components/TextInput.tsx'
 import PrimaryButton from '../../../components/PrimaryButton.tsx'
 import { AuthService } from '../authService.ts'
 import { useNavigate } from 'react-router-dom'
 import SecondaryNavButton from '../../../components/SecondaryNavButton.tsx'
+import { useUser } from '../../user/userStore.ts'
 
 interface LoginPageProps {
   authService: AuthService
@@ -19,16 +20,24 @@ export default function LoginPage({ authService }: LoginPageProps) {
   const passwordInputRef = useRef<HTMLInputElement | null>(null)
   const navigate = useNavigate()
 
+  const { user } = useUser()
+
+  useEffect(() => {
+    if (user) {
+      navigate('/')
+    }
+  }, [user, navigate])
+
   const onSubmit = async (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault()
 
     if (!username) {
-      setError("you didn't username D:<")
+      setError("it's not username :(")
       return
     }
 
     if (!password) {
-      setError("you didn't password D:<")
+      setError("it's not password :(")
       return
     }
 
@@ -38,7 +47,6 @@ export default function LoginPage({ authService }: LoginPageProps) {
 
     try {
       await authService.login(username, password)
-      navigate('/')
     } catch (error: unknown) {
       setError(error instanceof Error ? error.message : 'something went terribly wrong')
     } finally {
@@ -60,6 +68,7 @@ export default function LoginPage({ authService }: LoginPageProps) {
                 id="username"
                 value={username}
                 onInput={setUsername}
+                className={'mb-4'}
               />
             </div>
 
@@ -73,6 +82,7 @@ export default function LoginPage({ authService }: LoginPageProps) {
                 id="password"
                 value={password}
                 onInput={setPassword}
+                className={'mb-3'}
               />
             </div>