From 86525ec2a2f8dd6e4b157783d63da23a8c3ddeff Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sun, 9 Mar 2025 16:37:12 +0100
Subject: [PATCH] Fix library category tabs after re-ordering categories

---
 src/modules/library/screens/Library.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/library/screens/Library.tsx b/src/modules/library/screens/Library.tsx
index 49ace56e..f2679719 100644
--- a/src/modules/library/screens/Library.tsx
+++ b/src/modules/library/screens/Library.tsx
@@ -87,7 +87,7 @@ export function Library() {
     const [tabSearchParam, setTabSearchParam] = useQueryParam('tab', NumberParam);
 
     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(() => {
         setOptions(getCategoryMetadata(activeTab ?? { id: -1 }));
@@ -271,7 +271,7 @@ export function Library() {
 
     return (
         <TabsWrapper>
-            <TabsMenu value={activeTab.order} onChange={(e, newTab) => handleTabChange(newTab)}>
+            <TabsMenu value={activeTab.id} onChange={(e, newTab) => handleTabChange(newTab)}>
                 {tabs.map((tab) => (
                     <Tab
                         sx={{ flexGrow: 1, maxWidth: 'unset' }}
@@ -282,7 +282,7 @@ export function Library() {
                                 {showTabSize ? <TitleSizeTag label={tab.mangas.totalCount} /> : null}
                             </TitleWithSizeTag>
                         }
-                        value={tab.order}
+                        value={tab.id}
                     />
                 ))}
             </TabsMenu>