feat: save currently open budget in browser history

Signed-off-by: rare-magma <[email protected]>

src/components/Budget/BudgetPage.test.tsx

@@ -14,9 +14,14 @@ import {
   undoMock,
 } from "../../setupTests";
 import { BudgetPage } from "./BudgetPage";
+import { BrowserRouter } from "react-router-dom";
 
 describe("BudgetPage", () => {
-  const comp = <BudgetPage />;
+  const comp = (
+    <BrowserRouter>
+      <BudgetPage />
+    </BrowserRouter>
+  );
 
   it("matches snapshot", () => {
     render(comp);

src/components/Budget/__snapshots__/BudgetPage.test.tsx.snap

@@ -1,3 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`BudgetPage > matches snapshot 1`] = `<BudgetPage />`;
+exports[`BudgetPage > matches snapshot 1`] = `
+<BrowserRouter>
+  <BudgetPage />
+</BrowserRouter>
+`;

src/components/NavBar/NavBar.test.tsx

@@ -9,9 +9,14 @@ import {
   testEmptyBudgetContext,
 } from "../../setupTests";
 import { NavBar } from "./NavBar";
+import { BrowserRouter } from "react-router-dom";
 
 describe("NavBar", () => {
-  const comp = <NavBar />;
+  const comp = (
+    <BrowserRouter>
+      <NavBar />
+    </BrowserRouter>
+  );
 
   it("matches snapshot", () => {
     render(comp);

src/components/NavBar/__snapshots__/NavBar.test.tsx.snap

@@ -1,3 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`NavBar > matches snapshot 1`] = `<NavBar />`;
+exports[`NavBar > matches snapshot 1`] = `
+<BrowserRouter>
+  <NavBar />
+</BrowserRouter>
+`;

src/hooks/useMove.ts

@@ -1,9 +1,11 @@
+import { useNavigate, useSearchParams } from "react-router-dom";
 import { Budget } from "../components/Budget/Budget";
 import { SearchOption } from "../components/NavBar/NavBar";
 import { useBudget } from "../context/BudgetContext";
 
 export function useMove() {
   const { budget, setBudget, budgetList } = useBudget();
+  const navigate = useNavigate();
 
   function select(selectedBudget: SearchOption[] | undefined) {
     if (selectedBudget && budgetList) {
@@ -22,6 +24,7 @@ export function useMove() {
           }
         }
       }, 100);
+      navigate(`/${selectedBudget[0].name}`);
     }
   }