fix keyboard, finish 05

This commit is contained in:
2026-02-04 01:18:59 -05:00
parent d5ce8452e4
commit bd4747679d
18 changed files with 2432 additions and 193 deletions

View File

@@ -1,4 +1,3 @@
import { useKeyboardShortcuts } from "../hooks/useKeyboardShortcuts"
import { Tab, type TabId } from "./Tab"
type TabNavigationProps = {
@@ -7,23 +6,6 @@ type TabNavigationProps = {
}
export function TabNavigation(props: TabNavigationProps) {
useKeyboardShortcuts({
onTabNext: () => {
if (props.activeTab === "discover") props.onTabSelect("feeds")
else if (props.activeTab === "feeds") props.onTabSelect("search")
else if (props.activeTab === "search") props.onTabSelect("player")
else if (props.activeTab === "player") props.onTabSelect("settings")
else props.onTabSelect("discover")
},
onTabPrev: () => {
if (props.activeTab === "discover") props.onTabSelect("settings")
else if (props.activeTab === "settings") props.onTabSelect("player")
else if (props.activeTab === "player") props.onTabSelect("search")
else if (props.activeTab === "search") props.onTabSelect("feeds")
else props.onTabSelect("discover")
},
})
return (
<box style={{ flexDirection: "row", gap: 1 }}>
<Tab tab={{ id: "discover", label: "Discover" }} active={props.activeTab === "discover"} onSelect={props.onTabSelect} />