Style/overhaul (#98)

* style(navbar): homogenize with the rest of the ui

* style(navbar): homogenize with the rest of the ui

* style(navbar): improve styling

* style: improve styling

* style: overhaul

* chore: delete old unused pages

Author: Lxdovic

src/app.tsx

@@ -14,7 +14,6 @@ import { Theme } from '@/pages/theme/theme.tsx';
 import { useAnalysisStore } from '@/store/analysis.ts';
 import { Profile } from '@/pages/profile/profile.tsx';
 import { useAuthStore } from '@/store/auth.ts';
-import { History } from '@/pages/history/history-page';
 
 import '@/assets/themes/piece-css/index.ts';
 import '@/assets/themes/board-css/index.css';
@@ -54,27 +53,25 @@ function App() {
               }
             />
             <Route path="/documentation" element={<Documentation />} />
-
             {/* Authentication */}
             <Route path="/register" element={<Register />} />
             <Route path="/login" element={<Login />} />
 
             {/* Connected */}
-            <Route path="/" element={<Dashboard />} />
             <Route
-              path="/profile"
+              path="/"
               element={
-                <ProtectedRoute allow={!!user} redirect="/dashboard">
-                  <Profile />
+                <ProtectedRoute allow={!!user} redirect="/start-analysis">
+                  <Dashboard />
                 </ProtectedRoute>
               }
             />
 
             <Route
-              path="/dashboard"
+              path="/profile"
               element={
-                <ProtectedRoute allow={!!user} redirect="/login">
-                  <History />
+                <ProtectedRoute allow={!!user} redirect="/dashboard">
+                  <Profile />
                 </ProtectedRoute>
               }
             />

src/assets/icons/chess_logo.png

@@ -73,34 +73,18 @@ export const Navbar = () => {
 
       <NavigationMenu>
         <NavigationMenuList className="gap-2">
-          {location.pathname === '/' ? (
-            <NavigationMenuItem>
-              <NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
-                <Link to="/dashboard" className="hover:no-underline  text-castled-accent">
-                  {t('navbar.dashboard')}
-                </Link>
-              </NavigationMenuLink>
-            </NavigationMenuItem>
-          ) : (
-            <NavigationMenuItem>
-              <NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
-                <Link to="/dashboard" className="hover:no-underline hover:text-castled-accent">
-                  {t('navbar.dashboard')}
-                </Link>
-              </NavigationMenuLink>
-            </NavigationMenuItem>
-          )}
           <NavigationMenuItem>
             <NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
-              {location.pathname === '/start-analysis' ? (
-                <Link to="/start-analysis" className="hover:no-underline text-castled-accent">
-                  {t('navbar.analysis')}
-                </Link>
-              ) : (
-                <Link to="/start-analysis" className="hover:no-underline  hover:text-castled-accent">
-                  {t('navbar.analysis')}
-                </Link>
-              )}
+              <Link to="/" className="hover:no-underline">
+                {t('navbar.dashboard')}
+              </Link>
+            </NavigationMenuLink>
+          </NavigationMenuItem>
+          <NavigationMenuItem>
+            <NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
+              <Link to="/start-analysis" className="hover:no-underline">
+                {t('navbar.analysis')}
+              </Link>
             </NavigationMenuLink>
           </NavigationMenuItem>
           <NavigationMenuItem>

src/assets/icons/chesscom.svg

@@ -5,21 +5,22 @@ import { cva, type VariantProps } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
   {
     variants: {
       variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        default: 'bg-castled-accent text-foreground hover:bg-castled-accent/90',
         destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
         outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        secondary:
+          'border bg-gradient-to-br from-castled-secondary/30 to-castled-secondary text-secondary-foreground hover:bg-secondary/80',
         ghost: 'hover:bg-accent hover:text-accent-foreground',
         link: 'text-primary underline-offset-4 hover:underline',
       },
       size: {
         default: 'h-10 px-4 py-2',
-        sm: 'h-9 rounded-md px-3',
-        lg: 'h-11 rounded-md px-8',
+        sm: 'h-9 rounded-xl px-3',
+        lg: 'h-11 rounded-xl px-8',
         icon: 'h-10 w-10',
       },
     },

src/assets/icons/lichess.png

@@ -26,7 +26,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }: C
         nav_button_next: 'absolute right-1',
         table: 'w-full border-collapse space-y-1',
         head_row: 'flex',
-        head_cell: 'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',
+        head_cell: 'text-muted-foreground rounded-xl w-9 font-normal text-[0.8rem]',
         row: 'flex w-full mt-2',
         cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20',
         day: cn(buttonVariants({ variant: 'ghost' }), 'h-9 w-9 p-0 font-normal aria-selected:opacity-100'),