rsgltzyd
b487f71512
- 删除 TopBar 及其相关组件和逻辑，简化布局结构。 - 新增 FeatureNav 组件，包含功能导航和主题切换按钮。 - 更新 README.md，反映新的组件结构和功能。 - 修改测试用例，确保新结构下的功能正常。
21 lines
543 B
TypeScript
21 lines
543 B
TypeScript
import { Button } from '@/components/ui/button';
|
|
import { useThemeToggle } from './useThemeToggle';
|
|
|
|
export default function ThemeToggleButton() {
|
|
const { ThemeIcon, themeTitle, cycleThemeMode } = useThemeToggle();
|
|
|
|
return (
|
|
<Button
|
|
type="button"
|
|
variant="ghost"
|
|
size="icon"
|
|
onClick={cycleThemeMode}
|
|
title={themeTitle}
|
|
aria-label={themeTitle}
|
|
className="h-9 w-9 text-muted-foreground hover:text-foreground"
|
|
>
|
|
<ThemeIcon className="h-4 w-4" aria-hidden="true" />
|
|
</Button>
|
|
);
|
|
}
|