Added button to mobile sidebar

notwindstone · Mar 10, 2024 · a62bdb9 · a62bdb9
1 parent 0edc260
commit a62bdb9
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/layout/MobileSidebar.tsx b/src/layout/MobileSidebar.tsx
@@ -1,12 +1,17 @@
 import SideNavItem from "../components/SideNavItem.tsx";
 import sidebar from "../config/sidebar.json";
+import {Button} from "@mantine/core";
+import {IconCompass} from "@tabler/icons-react";
+import {Link} from "@tanstack/react-router";
 
 const MobileSidebar = (props: { hidden: boolean }) => {
     const { hidden } = props
 
     return (
         <aside className="mobile-sidebar" hidden={hidden}>
             <div className="mobile-sidebar__body">
+                <Button leftSection={<IconCompass stroke={1.5}/>} justify="flex-start" variant="filled" component={Link}
+                        to="/guide/" className="sidebar__item">Вернуться</Button>
                 <SideNavItem title="Введение" sections={sidebar.intro}/>
                 <SideNavItem title="Базы" sections={sidebar.kits}/>
                 <SideNavItem title="Кейкапы" sections={sidebar.keycaps}/>