diff --git a/src/components/QuickAccessContent.tsx b/src/components/QuickAccessContent.tsx index 7bb7d63..ab4d0f3 100644 --- a/src/components/QuickAccessContent.tsx +++ b/src/components/QuickAccessContent.tsx @@ -8,8 +8,7 @@ import { ReorderableEntry, ReorderableList, showContextMenu, - GamepadEvent, - GamepadButton + quickAccessMenuClasses } from "decky-frontend-lib"; import { VFC, useState } from "react"; @@ -28,6 +27,7 @@ import { MicroSDeckInstallState, MicroSDeckInterop, microSDeckLibVersion } from import { MicroSDeckNotice } from './MicroSDeckNotice'; import { CustomTabContainer } from './CustomTabContainer'; import { TabProfilesMenu } from './context-menus/TabProfileMenu'; +import { TabMasterManager } from '../state/TabMasterManager'; export type TabIdEntryType = { @@ -46,7 +46,7 @@ export const QuickAccessContent: VFC<{}> = ({ }) => { const { visibleTabsList, hiddenTabsList, tabsMap, tabMasterManager } = useTabMasterContext(); const microSDeckInstallState = MicroSDeckInterop.getInstallState(); - const isMicroSDeckInstalled = microSDeckInstallState === MicroSDeckInstallState['good']; + const isMicroSDeckInstalled = microSDeckInstallState === MicroSDeckInstallState['good']; const hasSdTabs = !!visibleTabsList.find(tabContainer => (tabContainer as CustomTabContainer).dependsOnMicroSDeck); function TabEntryInteractables({ entry }: TabEntryInteractablesProps) { @@ -100,18 +100,7 @@ export const QuickAccessContent: VFC<{}> = ({ }) => { )} - { - if(evt.detail.button === GamepadButton.SELECT) { - showContextMenu(); - } - }} - onMenuButton={() => { Navigation.CloseSideMenus(); Navigation.Navigate("/tab-master-docs"); }} - > +
Here you can add, re-order, or remove tabs from the library.
@@ -175,3 +164,44 @@ export const QuickAccessContent: VFC<{}> = ({ }) => { ); }; + +export interface QuickAccessTitleViewProps { + title: string; + tabMasterManager: TabMasterManager; +} + +const buttonStyle = { height: '28px', width: '40px', minWidth: 0, padding: 0, display: 'flex', justifyContent: 'center', alignItems: 'center' }; + +export const QuickAccessTitleView: VFC = ({ title, tabMasterManager }) => { + + return ( + +
{title}
+ showContextMenu()} + > + {/* {profiles icon} */} + + { + Navigation.CloseSideMenus(); + Navigation.Navigate("/tab-master-docs"); + }} + > + {/* {docs icon} */} + +
+ ); +}; diff --git a/src/index.tsx b/src/index.tsx index a27b293..7ee7ee5 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -2,7 +2,6 @@ import { definePlugin, RoutePatch, ServerAPI, - staticClasses, } from "decky-frontend-lib"; import { TbLayoutNavbarExpand } from "react-icons/tb"; @@ -19,8 +18,9 @@ import { patchSettings } from "./patches/SettingsPatch"; import { LogController } from "./lib/controllers/LogController"; import { MicroSDeck } from "@cebbinghaus/microsdeck"; import { MicroSDeckInterop } from './lib/controllers/MicroSDeckInterop'; -import { QuickAccessContent } from "./components/QuickAccessContent"; +import { QuickAccessContent, QuickAccessTitleView } from "./components/QuickAccessContent"; import { DocsRouter } from "./components/docs/DocsRouter"; +import { Fragment } from 'react'; declare global { let DeckyPluginLoader: { pluginReloadQueue: { name: string; version?: string; }[]; }; @@ -63,9 +63,9 @@ export default definePlugin((serverAPI: ServerAPI) => { )); } }); - return { - title:
TabMaster
, + title: <>, + titleView: , content: