diff --git a/packages/frontend/src/components/Layout.tsx b/packages/frontend/src/components/Layout.tsx index 2ba1005..51d9cae 100644 --- a/packages/frontend/src/components/Layout.tsx +++ b/packages/frontend/src/components/Layout.tsx @@ -1,11 +1,13 @@ +import { useEffect, useState } from 'react'; import { NavLink, Outlet } from 'react-router-dom'; import { useSettings } from '../stores/settingsStore.js'; import { useAuth } from '../stores/authStore.js'; import { UserMenu } from './UserMenu.js'; +import { SearchPalette } from './SearchPalette.js'; const navItems = [ { to: '/', label: 'Dashboard', end: true }, - { to: '/admin', label: 'Lessen' }, + { to: '/lessons', label: 'Lessen' }, { to: '/marketplace', label: 'Marketplace 🛍️' }, { to: '/stats', label: 'Stats' }, ]; @@ -13,6 +15,19 @@ const navItems = [ export function Layout() { const { theme, toggleTheme } = useSettings(); const user = useAuth((s) => s.user); + const [searchOpen, setSearchOpen] = useState(false); + + useEffect(() => { + function onKey(e: KeyboardEvent) { + if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') { + e.preventDefault(); + setSearchOpen(true); + } + } + document.addEventListener('keydown', onKey); + return () => document.removeEventListener('keydown', onKey); + }, []); + return (