diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-12-07 23:37:31 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-12-07 23:37:31 +0900 |
| commit | 445781bc40afee2c64f645abcfa2575b4218aa08 (patch) | |
| tree | a23f93af761233b12d575da1f07fdf3184307b7b /src/client/pages/HomePage.tsx | |
| parent | 0c042ac89fc0822fcbe09c48702857faa5494ae1 (diff) | |
| download | kioku-445781bc40afee2c64f645abcfa2575b4218aa08.tar.gz kioku-445781bc40afee2c64f645abcfa2575b4218aa08.tar.zst kioku-445781bc40afee2c64f645abcfa2575b4218aa08.zip | |
feat(client): add manual sync button
Add SyncButton component that allows users to manually trigger
data synchronization. The button is disabled when offline or
when sync is already in progress.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Diffstat (limited to 'src/client/pages/HomePage.tsx')
| -rw-r--r-- | src/client/pages/HomePage.tsx | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/src/client/pages/HomePage.tsx b/src/client/pages/HomePage.tsx index debc935..783e623 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 { SyncButton } from "../components/SyncButton"; import { SyncStatusIndicator } from "../components/SyncStatusIndicator"; import { useAuth } from "../stores"; @@ -73,6 +74,7 @@ export function HomePage() { <h1>Kioku</h1> <div style={{ display: "flex", alignItems: "center", gap: "1rem" }}> <SyncStatusIndicator /> + <SyncButton /> <button type="button" onClick={logout}> Logout </button> |