diff options
Diffstat (limited to 'src/client/pages')
| -rw-r--r-- | src/client/pages/HomePage.test.tsx | 7 | ||||
| -rw-r--r-- | src/client/pages/HomePage.tsx | 10 |
2 files changed, 12 insertions, 5 deletions
diff --git a/src/client/pages/HomePage.test.tsx b/src/client/pages/HomePage.test.tsx index 4dd4a81..f75f88d 100644 --- a/src/client/pages/HomePage.test.tsx +++ b/src/client/pages/HomePage.test.tsx @@ -1,13 +1,14 @@ /** * @vitest-environment jsdom */ +import "fake-indexeddb/auto"; import { cleanup, render, screen, waitFor } from "@testing-library/react"; import userEvent from "@testing-library/user-event"; import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"; import { Router } from "wouter"; import { memoryLocation } from "wouter/memory-location"; import { apiClient } from "../api/client"; -import { AuthProvider } from "../stores"; +import { AuthProvider, SyncProvider } from "../stores"; import { HomePage } from "./HomePage"; vi.mock("../api/client", () => ({ @@ -89,7 +90,9 @@ function renderWithProviders(path = "/") { return render( <Router hook={hook}> <AuthProvider> - <HomePage /> + <SyncProvider> + <HomePage /> + </SyncProvider> </AuthProvider> </Router>, ); diff --git a/src/client/pages/HomePage.tsx b/src/client/pages/HomePage.tsx index fb13422..debc935 100644 --- a/src/client/pages/HomePage.tsx +++ b/src/client/pages/HomePage.tsx @@ -4,6 +4,7 @@ import { ApiClientError, apiClient } from "../api"; import { CreateDeckModal } from "../components/CreateDeckModal"; import { DeleteDeckModal } from "../components/DeleteDeckModal"; import { EditDeckModal } from "../components/EditDeckModal"; +import { SyncStatusIndicator } from "../components/SyncStatusIndicator"; import { useAuth } from "../stores"; interface Deck { @@ -70,9 +71,12 @@ export function HomePage() { }} > <h1>Kioku</h1> - <button type="button" onClick={logout}> - Logout - </button> + <div style={{ display: "flex", alignItems: "center", gap: "1rem" }}> + <SyncStatusIndicator /> + <button type="button" onClick={logout}> + Logout + </button> + </div> </header> <main> |