pwa: 労働者一覧画面を表示する

Changes

3 changed files (+23/-2)

• bun.lockb
• packages/pwa/package.json
  • @@ -10,6 +10,7 @@ "clean": "rm -rf dist"
    }, "dependencies": { "@yamori/idb_backend": "workspace:*", + "@yamori/proto": "workspace:*", "@yamori/react_ui": "workspace:*", "react": "^19.0.0", "react-dom": "^19.0.0"
• packages/pwa/src/main.tsx
  • @@ -1,13 +1,16 @@
    // SPDX-FileCopyrightText: 2024 Shota FUJI <pockawoooh@gmail.com> // SPDX-License-Identifier: AGPL-3.0-only + import { type Workspace } from "@yamori/proto/yamori/workspace/v1/workspace_pb.js"; import { ProtoRPCProvider, type ProtoRPC, ThemeProvider, WorkspaceSelectionPage, + WorkspacePagesLayout, + WorkerListPage, } from "@yamori/react_ui"; - import { type FC } from "react"; + import { type FC, useState } from "react"; import { createRoot } from "react-dom/client"; import css from "./main.module.css";
  • @@ -18,7 +21,24 @@ type: "module",
    }); const App: FC = () => { - return <WorkspaceSelectionPage />; + const [workspace, setWorkspace] = useState<Workspace | null>(null); + + if (!workspace) { + return <WorkspaceSelectionPage onOpenWorkspace={setWorkspace} />; + } + + return ( + <WorkspacePagesLayout + menu={<></>} + title={<WorkerListPage.Title />} + actions={<WorkerListPage.Actions workspace={workspace} />} + > + <WorkerListPage.Page + workspace={workspace} + createButton={<button>登録画面へ</button>} + /> + </WorkspacePagesLayout> + ); }; const root = createRoot(document.body);