From 3fd795acb11b9eb69571cb00b40973ef6938d82d Mon Sep 17 00:00:00 2001
From: grimsi <9295182+grimsi@users.noreply.github.com>
Date: Sat, 14 Jun 2025 13:15:15 +0200
Subject: [PATCH] Keep navigation state in LibraryManagementView

---
 .../main/frontend/views/LibraryManagementView.tsx  | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/gameyfin/src/main/frontend/views/LibraryManagementView.tsx b/gameyfin/src/main/frontend/views/LibraryManagementView.tsx
index 2d7207a..288ffc9 100644
--- a/gameyfin/src/main/frontend/views/LibraryManagementView.tsx
+++ b/gameyfin/src/main/frontend/views/LibraryManagementView.tsx
@@ -1,4 +1,4 @@
-import {useNavigate, useParams} from "react-router";
+import {useLocation, useNavigate, useParams} from "react-router";
 import React, {useEffect} from "react";
 import LibraryHeader from "Frontend/components/general/covers/LibraryHeader";
 import {Button, Tab, Tabs} from "@heroui/react";
@@ -12,6 +12,7 @@ import LibraryManagementUnmatchedPaths from "Frontend/components/general/library
 
 export default function LibraryManagementView() {
     const {libraryId} = useParams();
+    const {hash} = useLocation();
     const navigate = useNavigate();
     const state = useSnapshot(libraryState);
 
@@ -32,16 +33,19 @@ export default function LibraryManagementView() {
         </div>
         {/* @ts-ignore */}
         <LibraryHeader library={state.state[libraryId]} className="h-32"/>
-        <Tabs color="primary" fullWidth>
-            <Tab title="Details">
+        {/* @ts-ignore */}
+        <Tabs color="primary" fullWidth
+              selectedKey={hash.length > 0 ? hash : "#details"}
+              onSelectionChange={(newKey) => navigate(newKey.toString(), {replace: true})}>
+            <Tab key="#details" title="Details">
                 {/* @ts-ignore */}
                 <LibraryManagementDetails library={state.state[libraryId]}/>
             </Tab>
-            <Tab title="Games">
+            <Tab key="#games" title="Games">
                 {/* @ts-ignore */}
                 <LibraryManagementGames library={state.state[libraryId]}/>
             </Tab>
-            <Tab title="Unmatched paths">
+            <Tab key="#unmatched-paths" title="Unmatched paths">
                 {/* @ts-ignore */}
                 <LibraryManagementUnmatchedPaths library={state.state[libraryId]}/>
             </Tab>