buttons

src/app/auth/pages/LoginPage.tsx

@@ -1,11 +1,13 @@
 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 TextInput from '../../../components/inputs/TextInput.tsx'
+import Button from '../../../components/buttons/Button.tsx'
 import { AuthService } from '../authService.ts'
 import { useNavigate } from 'react-router-dom'
-import SecondaryNavButton from '../../../components/SecondaryNavButton.tsx'
 import { useUser } from '../../user/userStore.ts'
+import NavBar from '../../../components/NavBar.tsx'
+import NavButton from '../../../components/buttons/NavButton.tsx'
+import LinkButton from '../../../components/buttons/LinkButton.tsx'
 
 interface LoginPageProps {
   authService: AuthService
@@ -24,7 +26,8 @@ export default function LoginPage({ authService }: LoginPageProps) {
 
   useEffect(() => {
     if (user) {
-      navigate('/')
+      const search = new URLSearchParams(window.location.search)
+      navigate(search.get('t') || '/')
     }
   }, [user, navigate])
 
@@ -55,7 +58,13 @@ export default function LoginPage({ authService }: LoginPageProps) {
   }
 
   return (
-    <SingleColumnLayout>
+    <SingleColumnLayout
+      navbar={
+        <NavBar>
+          <NavButton to={'/'}>home</NavButton>
+        </NavBar>
+      }
+    >
       <main className="w-full mx-auto p-4">
         <div className="mt-12">
           <form className="flex flex-col gap-4 max-w-md" onSubmit={onSubmit}>
@@ -86,11 +95,13 @@ export default function LoginPage({ authService }: LoginPageProps) {
               />
             </div>
 
-            <PrimaryButton className="mt-4" disabled={isSubmitting} type="submit">
+            <Button className="mt-4" disabled={isSubmitting} type="submit">
               {isSubmitting ? 'wait...' : 'make login pls'}
-            </PrimaryButton>
+            </Button>
 
-            <SecondaryNavButton to={'/signup'}>register instead?</SecondaryNavButton>
+            <LinkButton secondary to={{ pathname: '/signup', search: window.location.search }}>
+              register instead?
+            </LinkButton>
 
             <span className="text-xs h-3 text-red-500">{error}</span>
           </form>