From 798ff0fbe406a2f9a7f725b55edfb5a3121a0569 Mon Sep 17 00:00:00 2001
From: Sonny <sonnyasdev@gmail.com>
Date: Fri, 8 Nov 2024 18:32:02 +0100
Subject: [PATCH] feat: add kbd with shortcut for create collection/link forms

---
 inertia/components/dashboard/dashboard_navbar.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/inertia/components/dashboard/dashboard_navbar.tsx b/inertia/components/dashboard/dashboard_navbar.tsx
index 636f704..fc6cb44 100644
--- a/inertia/components/dashboard/dashboard_navbar.tsx
+++ b/inertia/components/dashboard/dashboard_navbar.tsx
@@ -5,6 +5,7 @@ import {
 	Burger,
 	Divider,
 	Group,
+	Kbd,
 	NavLink,
 	rem,
 	ScrollArea,
@@ -51,7 +52,7 @@ export function DashboardNavbar({ isOpen, toggle }: DashboardNavbarProps) {
 				<NavLink
 					{...common}
 					component={Link}
-					href={route('admin.dashboard').url}
+					href={route('admin.dashboard').path}
 					label={t('admin')}
 					leftSection={<IoShieldHalfSharp size="1.5rem" />}
 					color="var(--mantine-color-red-5)"
@@ -62,25 +63,29 @@ export function DashboardNavbar({ isOpen, toggle }: DashboardNavbarProps) {
 				label={t('settings')}
 				leftSection={<PiGearLight size="1.5rem" />}
 				color="var(--mantine-color-text)"
+				disabled
 			/>
 			<NavLink
 				{...common}
 				label={t('search')}
 				leftSection={<IoIosSearch size="1.5rem" />}
+				disabled
 			/>
 			<NavLink
 				{...common}
 				component={Link}
-				href={route('link.create-form').url}
+				href={route('link.create-form').path}
 				label={t('link.create')}
 				leftSection={<IoAdd size="1.5rem" />}
+				rightSection={<Kbd size="xs">C</Kbd>}
 			/>
 			<NavLink
 				{...common}
 				component={Link}
-				href={route('collection.create-form').url}
+				href={route('collection.create-form').path}
 				label={t('collection.create')}
 				leftSection={<AiOutlineFolderAdd size="1.5rem" />}
+				rightSection={<Kbd size="xs">L</Kbd>}
 			/>
 			<AppShell.Section grow component={ScrollArea}>
 				<FavoriteList />