feat: add references to /guestbook

mateusfg7 · Jan 23, 2024 · 43ae5e9 · 43ae5e9
1 parent 9e170a6
commit 43ae5e9
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 4 deletions.
diff --git a/src/app/components/header/index.tsx b/src/app/components/header/index.tsx
@@ -79,6 +79,7 @@ export function Header() {
             <MenuItem name="Blog" path="/blog" />
             <MenuItem name="Projects" path="/projects" />
             <MenuItem name="About" path="/about" />
+            <MenuItem name="Guestbook" path="/guestbook" />
           </nav>
           <div className="flex w-full items-center gap-8 md:w-auto">
             <Search />

diff --git a/src/app/components/header/mobile-menu/index.tsx b/src/app/components/header/mobile-menu/index.tsx
@@ -15,7 +15,8 @@ import {
   MagnifyingGlass,
   Note,
   User,
-  Briefcase
+  Briefcase,
+  Book
 } from '@phosphor-icons/react/dist/ssr'
 
 import { ToggleTheme } from './toggle-theme'
@@ -109,6 +110,7 @@ export function MobileMenu() {
               <Link title="Blog" icon={Note} href="/blog" />
               <Link title="Projects" icon={Briefcase} href="/projects" />
               <Link title="About" icon={User} href="/about" />
+              <Link title="Guestbook" icon={Book} href="/guestbook" />
               <Link title="Sitemap" icon={TreeStructure} href="/sitemap" />
               <Search />
               <OutLink

diff --git a/src/app/components/header/mobile-menu/styles.css b/src/app/components/header/mobile-menu/styles.css
@@ -1,3 +1,3 @@
 .menu-item {
-  @apply flex items-center gap-7 px-7 py-5 leading-none active:bg-neutral-200 active:dark:bg-neutral-1000;
+  @apply flex items-center gap-7 px-7 py-4 leading-none active:bg-neutral-200 active:dark:bg-neutral-1000;
 }
diff --git a/src/app/lib/all-routes.ts b/src/app/lib/all-routes.ts
@@ -13,7 +13,8 @@ const commonPaths = [
   'blog/categories',
   'blog/tag',
   'blog/feed',
-  'blog/author'
+  'blog/author',
+  'guestbook'
 ]
 const tagPaths = getUniqueTagListFromPosts().map(tag => `blog/tag/${slug(tag)}`)
 const categoryPaths = getUniqueCategoryList().map(

diff --git a/src/shared/components/kbar/provider.tsx b/src/shared/components/kbar/provider.tsx
@@ -29,7 +29,8 @@ import {
   Files,
   Books,
   ChartPieSlice,
-  Notebook
+  Notebook,
+  Book
 } from '@phosphor-icons/react/dist/ssr'
 import { getSortedPosts } from '@/shared/lib/get-sorted-posts'
 import { KBar } from '@/shared/components/kbar'
@@ -58,6 +59,14 @@ export function CustomKBarProvider({ children }: { children: ReactNode }) {
       icon: <User size="1em" weight="duotone" />,
       perform: () => push('/about')
     },
+    {
+      id: 'guestbook',
+      name: 'Guestbook',
+      shortcut: ['n', 'g'],
+      keywords: 'presence list',
+      icon: <Book size="1em" weight="duotone" />,
+      perform: () => push('/guestbook')
+    },
     {
       id: 'statistics',
       name: 'Statistics',