diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-12-07 23:34:03 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-12-07 23:34:03 +0900 |
| commit | 0c042ac89fc0822fcbe09c48702857faa5494ae1 (patch) | |
| tree | ea1f1d180f747613343040d441a07f92b2760840 /src/client/sync/push.test.ts | |
| parent | ae5a0bb97fbf013417a6962f7e077f0408b2a951 (diff) | |
| download | kioku-0c042ac89fc0822fcbe09c48702857faa5494ae1.tar.gz kioku-0c042ac89fc0822fcbe09c48702857faa5494ae1.tar.zst kioku-0c042ac89fc0822fcbe09c48702857faa5494ae1.zip | |
feat(client): add sync status indicator component
Add SyncStatusIndicator component to display current sync state in the
UI header. The component shows online/offline status, syncing progress,
pending changes count, and sync errors.
- Create SyncProvider context to wrap SyncManager for React components
- Add SyncStatusIndicator component with visual status indicators
- Integrate indicator into HomePage header
- Add comprehensive tests for SyncStatusIndicator and SyncProvider
- Update existing tests to include SyncProvider wrapper
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Diffstat (limited to 'src/client/sync/push.test.ts')
| -rw-r--r-- | src/client/sync/push.test.ts | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/client/sync/push.test.ts b/src/client/sync/push.test.ts index 79a9d4a..911a8d3 100644 --- a/src/client/sync/push.test.ts +++ b/src/client/sync/push.test.ts @@ -9,7 +9,7 @@ import { localDeckRepository, localReviewLogRepository, } from "../db/repositories"; -import { pendingChangesToPushData, PushService } from "./push"; +import { PushService, pendingChangesToPushData } from "./push"; import { SyncQueue } from "./queue"; describe("pendingChangesToPushData", () => { @@ -450,7 +450,9 @@ describe("PushService", () => { newCardsPerDay: 20, }); - const pushToServer = vi.fn().mockRejectedValue(new Error("Network error")); + const pushToServer = vi + .fn() + .mockRejectedValue(new Error("Network error")); const pushService = new PushService({ syncQueue, |