Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-15 04:21:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor selectedTab

Browse Source
This commit is contained in:
Nicola Benaglia 2025-05-30 08:57:53 +02:00
parent 9727711b04
commit d45e9557b3
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Apps/AppsNavBarDesktop.tsx
View File

@ -67,7 +67,7 @@ export function saveToLocalStorage(key, subKey, newValue) {
export const AppsNavBarDesktop = ({ disableBack }) => { export const AppsNavBarDesktop = ({ disableBack }) => {
const [tabs, setTabs] = useState([]); const [tabs, setTabs] = useState([]);
const [selectedTab, setSelectedTab] = useState(null); const [selectedTab, setSelectedTab] = useState(0);
const [navigationController, setNavigationController] = useAtom( const [navigationController, setNavigationController] = useAtom(
navigationControllerAtom navigationControllerAtom
); );
@ -125,7 +125,7 @@ export const AppsNavBarDesktop = ({ disableBack }) => {
const setTabsToNav = (e) => { const setTabsToNav = (e) => {
const { tabs, selectedTab, isNewTabWindow } = e.detail?.data; const { tabs, selectedTab, isNewTabWindow } = e.detail?.data;
setTabs([...tabs]); setTabs([...tabs]);
setSelectedTab(!selectedTab ? null : { ...selectedTab }); setSelectedTab(!selectedTab ? 0 : { ...selectedTab });
setIsNewTabWindow(isNewTabWindow); setIsNewTabWindow(isNewTabWindow);
}; };
@ -190,9 +190,7 @@ export const AppsNavBarDesktop = ({ disableBack }) => {
<Tabs <Tabs
orientation="vertical" orientation="vertical"
ref={tabsRef} ref={tabsRef}
aria-label={t('core:basic_tabs_example', { aria-label={t('core:basic_tabs_example')}
postProcess: 'capitalizeFirstChar',
})}
variant="scrollable" // Make tabs scrollable variant="scrollable" // Make tabs scrollable
scrollButtons={true} scrollButtons={true}
sx={{ sx={{
@ -202,6 +200,7 @@ export const AppsNavBarDesktop = ({ disableBack }) => {
maxHeight: `275px`, // Ensure the tabs container fits within the available space maxHeight: `275px`, // Ensure the tabs container fits within the available space
overflow: 'hidden', // Prevents overflow on small screens overflow: 'hidden', // Prevents overflow on small screens
}} }}
value={false}
> >
{tabs?.map((tab) => ( {tabs?.map((tab) => (
<Tab <Tab
@ -237,7 +236,7 @@ export const AppsNavBarDesktop = ({ disableBack }) => {
> >
<ButtonBase <ButtonBase
onClick={() => { onClick={() => {
setSelectedTab(null); setSelectedTab(0);
executeEvent('newTabWindow', {}); executeEvent('newTabWindow', {});
}} }}
> >