diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/layouts/BasicLayout.tsx | 10 | ||||
| -rw-r--r-- | src/router.ts | 8 |
2 files changed, 12 insertions, 6 deletions
diff --git a/src/layouts/BasicLayout.tsx b/src/layouts/BasicLayout.tsx index 9851fd4..512da63 100644 --- a/src/layouts/BasicLayout.tsx +++ b/src/layouts/BasicLayout.tsx @@ -14,7 +14,7 @@ import { useMantineTheme, } from '@mantine/core' import { useDisclosure, useMediaQuery } from '@mantine/hooks' -import { CaretLeftIcon, CaretRightIcon } from '@phosphor-icons/react' +import { SidebarSimpleIcon } from '@phosphor-icons/react' import { NavLink as RouterNavLink, Outlet, useLocation, useMatches } from 'react-router' import { pageRoutes } from '../routes.ts' import type { PageRoute } from '../routes.ts' @@ -181,9 +181,11 @@ export function BasicLayout() { aria-expanded={sidebarOpened} aria-controls="desktop-navigation" > - {sidebarOpened - ? <CaretLeftIcon size={20} aria-hidden="true" /> - : <CaretRightIcon size={20} aria-hidden="true" />} + <SidebarSimpleIcon + size={20} + weight={sidebarOpened ? 'fill' : 'regular'} + aria-hidden="true" + /> </ActionIcon> <Burger opened={opened} diff --git a/src/router.ts b/src/router.ts index 32870e2..0e6facd 100644 --- a/src/router.ts +++ b/src/router.ts @@ -1,8 +1,12 @@ -import { createBrowserRouter } from 'react-router' +import { createBrowserRouter, createHashRouter } from 'react-router' import { BasicLayout } from './layouts/BasicLayout.tsx' import { pageRoutes } from './routes.ts' -export const router = createBrowserRouter([ +const createRouter = import.meta.env.VITE_ROUTER_MODE === 'history' + ? createBrowserRouter + : createHashRouter + +export const router = createRouter([ { path: '/', Component: BasicLayout, |