ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix library category tabs after re-ordering categories

Browse Source
This commit is contained in:
schroda
2025-03-09 16:37:12 +01:00
parent 9e5fa7d81a
commit 86525ec2a2
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/modules/library/screens/Library.tsx
View File

@@ -87,7 +87,7 @@ export function Library() {
const [tabSearchParam, setTabSearchParam] = useQueryParam('tab', NumberParam); const [tabSearchParam, setTabSearchParam] = useQueryParam('tab', NumberParam);
const { setOptions } = useLibraryOptionsContext(); const { setOptions } = useLibraryOptionsContext();
const activeTab: (typeof tabs)[number] | undefined = tabs.find((tab) => tab.order === tabSearchParam) ?? tabs[0]; const activeTab: (typeof tabs)[number] | undefined = tabs.find((tab) => tab.id === tabSearchParam) ?? tabs[0];
useLayoutEffect(() => { useLayoutEffect(() => {
setOptions(getCategoryMetadata(activeTab ?? { id: -1 })); setOptions(getCategoryMetadata(activeTab ?? { id: -1 }));
@@ -271,7 +271,7 @@ export function Library() {
return ( return (
<TabsWrapper> <TabsWrapper>
<TabsMenu value={activeTab.order} onChange={(e, newTab) => handleTabChange(newTab)}> <TabsMenu value={activeTab.id} onChange={(e, newTab) => handleTabChange(newTab)}>
{tabs.map((tab) => ( {tabs.map((tab) => (
<Tab <Tab
sx={{ flexGrow: 1, maxWidth: 'unset' }} sx={{ flexGrow: 1, maxWidth: 'unset' }}
@@ -282,7 +282,7 @@ export function Library() {
{showTabSize ? <TitleSizeTag label={tab.mangas.totalCount} /> : null} {showTabSize ? <TitleSizeTag label={tab.mangas.totalCount} /> : null}
</TitleWithSizeTag> </TitleWithSizeTag>
} }
value={tab.order} value={tab.id}
/> />
))} ))}
</TabsMenu> </TabsMenu>