diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx index 53fed5ee4..c04c5bedd 100644 --- a/src/components/layout/Header.tsx +++ b/src/components/layout/Header.tsx @@ -1,13 +1,8 @@ /** * Header Component - * Top navigation bar with search and actions + * Top navigation bar with page title */ -import { useState } from 'react'; import { useLocation } from 'react-router-dom'; -import { Search, Bell, Moon, Sun, Monitor } from 'lucide-react'; -import { Button } from '@/components/ui/button'; -import { Input } from '@/components/ui/input'; -import { useSettingsStore } from '@/stores/settings'; // Page titles mapping const pageTitles: Record = { @@ -21,54 +16,13 @@ const pageTitles: Record = { export function Header() { const location = useLocation(); - const theme = useSettingsStore((state) => state.theme); - const setTheme = useSettingsStore((state) => state.setTheme); - - const [searchQuery, setSearchQuery] = useState(''); // Get current page title const currentTitle = pageTitles[location.pathname] || 'ClawX'; - // Cycle through themes - const cycleTheme = () => { - const themes: Array<'light' | 'dark' | 'system'> = ['light', 'dark', 'system']; - const currentIndex = themes.indexOf(theme); - const nextIndex = (currentIndex + 1) % themes.length; - setTheme(themes[nextIndex]); - }; - - // Get theme icon - const ThemeIcon = theme === 'light' ? Sun : theme === 'dark' ? Moon : Monitor; - return ( -
- {/* Page Title */} +

{currentTitle}

- - {/* Actions */} -
- {/* Search */} -
- - setSearchQuery(e.target.value)} - /> -
- - {/* Theme Toggle */} - - - {/* Notifications */} - -
); }