Tabs works but in controlled mode (UiKit issue)

NukaWorks · Dec 18, 2024 · 5829eec · 5829eec
1 parent 1e41098
commit 5829eec
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -32,6 +32,7 @@
     "@eslint/js": "^9.17.0",
     "@types/react": "^18.2.52",
     "@types/react-dom": "^18.2.18",
+    "@types/styled-components": "^5.1.34",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "@yao-pkg/pkg": "^6.1.1",
     "esbuild": "^0.20.0",

diff --git a/src/PkDash/Views/ProjectView.tsx b/src/PkDash/Views/ProjectView.tsx
@@ -3,15 +3,17 @@ import { Header } from "../../Common/UiComponents/Header";
 import ProjectSettings from "./Tabs/ProjectSettings";
 import { Releases } from "./Tabs/Releases";
 import { Packages } from "./Tabs/Packages";
+import { useState } from "react";
 
 export default function ProjectView() {
+  const [tabSelected, setTabSelected] = useState(0);
   return (
     <AppActivity theme={"Light"} direction={"Vertical"}>
       <Header displayBackground={false} />
 
       <UiApp>
         <StackLayout direction={"Vertical"}>
-          <Tabs>
+          <Tabs selectedIndex={tabSelected} onSelect={(e) => setTabSelected(e)}>
             <TabList>
               <Tab id={"releases"}>Releases</Tab>
               <Tab id={"packages"}>Packages</Tab>