wgu/decky-frontend-lib
Template
1
0
Fork 0
mirror of https://github.com/SteamDeckHomebrew/decky-frontend-lib.git synced 2026-05-23 11:28:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(Tabs): temp remove until we have a way to grab it on beta

Browse Source
This commit is contained in:
AAGaming
2022-10-24 01:00:17 -04:00
parent 00d27d1373
commit 25c33b2a05
1 changed files with 71 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
src/deck-components/Tabs.tsx
View File

@@ -1,74 +1,74 @@
import { FC, ReactNode } from 'react';
import { findModule } from '../webpack';
import { FooterLegendProps } from './FooterLegend';
// import { FC, ReactNode } from 'react';
// import { findModule } from '../webpack';
// import { FooterLegendProps } from './FooterLegend';
/**
* Individual tab objects for the Tabs component
*
* `id` ID of this tab, can be used with activeTab to auto-focus a given tab
* `title` Title shown in the header bar
* `renderTabAddon` Return a {@link ReactNode} to render it next to the tab title, i.e. the counts for each tab on the Media page
* `content` Content of the tab
* `footer` Sets up button handlers and labels
*/
export interface Tab {
id: string;
title: string;
renderTabAddon?: () => ReactNode;
content: ReactNode;
footer?: FooterLegendProps;
}
// /**
// * Individual tab objects for the Tabs component
// *
// * `id` ID of this tab, can be used with activeTab to auto-focus a given tab
// * `title` Title shown in the header bar
// * `renderTabAddon` Return a {@link ReactNode} to render it next to the tab title, i.e. the counts for each tab on the Media page
// * `content` Content of the tab
// * `footer` Sets up button handlers and labels
// */
// export interface Tab {
// id: string;
// title: string;
// renderTabAddon?: () => ReactNode;
// content: ReactNode;
// footer?: FooterLegendProps;
// }
/**
* Props for the {@link Tabs}
*
* `tabs` array of {@link Tab}
* `activeTab` tab currently active, needs to be one of the tabs {@link Tab.id}, must be set using a `useState` in the `onShowTab` handler
* `onShowTab` Called when the active tab should change, needs to set `activeTab`. See example.
* `autoFocusContents` Whether to automatically focus the tab contents or not.
* `footer` Sets up button handlers and labels
*
* @example
* const Component: FC = () => {
* const [currentTab, setCurrentTab] = useState<string>("Tab1");
*
* return (
* <Tabs
* title="Theme Manager"
* activeTab={currentTabRoute}
* onShowTab={(tabID: string) => {
* setCurrentTabRoute(tabID);
* }}
* tabs={[
* {
* title: "Tab 1",
* content: <Tab1Component />,
* id: "Tab1",
* },
* {
* title: "Tab 2",
* content: <Tab2Component />,
* id: "Tab2",
* },
* ]}
* />
* );
* };
*/
export interface TabsProps {
tabs: Tab[];
activeTab: string;
onShowTab: (tab: string) => void;
autoFocusContents?: boolean;
}
// /**
// * Props for the {@link Tabs}
// *
// * `tabs` array of {@link Tab}
// * `activeTab` tab currently active, needs to be one of the tabs {@link Tab.id}, must be set using a `useState` in the `onShowTab` handler
// * `onShowTab` Called when the active tab should change, needs to set `activeTab`. See example.
// * `autoFocusContents` Whether to automatically focus the tab contents or not.
// * `footer` Sets up button handlers and labels
// *
// * @example
// * const Component: FC = () => {
// * const [currentTab, setCurrentTab] = useState<string>("Tab1");
// *
// * return (
// * <Tabs
// * title="Theme Manager"
// * activeTab={currentTabRoute}
// * onShowTab={(tabID: string) => {
// * setCurrentTabRoute(tabID);
// * }}
// * tabs={[
// * {
// * title: "Tab 1",
// * content: <Tab1Component />,
// * id: "Tab1",
// * },
// * {
// * title: "Tab 2",
// * content: <Tab2Component />,
// * id: "Tab2",
// * },
// * ]}
// * />
// * );
// * };
// */
// export interface TabsProps {
// tabs: Tab[];
// activeTab: string;
// onShowTab: (tab: string) => void;
// autoFocusContents?: boolean;
// }
/**
* Tabs component as used in the library and media tabs. See {@link TabsProps}
*/
export const Tabs = Object.values(findModule((m) => {
if (typeof m !== 'object') return false;
for (let prop in m) {
if (m[prop]?.Unbleed) return true;
}
return false;
})).find((x: any) => x?.type?.toString()?.includes("((function(){")) as FC<TabsProps>;
// /**
// * Tabs component as used in the library and media tabs. See {@link TabsProps}
// */
// export const Tabs = Object.values(findModule((m) => {
// if (typeof m !== 'object') return false;
// for (let prop in m) {
// if (m[prop]?.Unbleed) return true;
// }
// return false;
// })).find((x: any) => x?.type?.toString()?.includes("((function(") && x?.type?.toString()?.includes("[\"tabs\"")) as FC<TabsProps>;