react_ui: ワークスペース読込中表示

Changes

1 changed files (+9/-2)

• packages/react_ui/src/pages/:workspace/page.tsx
  • @@ -4,7 +4,7 @@
    import "../../polyfill.ts"; import { isMessage } from "@bufbuild/protobuf"; - import { Button, Code, Container } from "@radix-ui/themes"; + import { Button, Code, Container, Flex, Spinner, Text } from "@radix-ui/themes"; import { NotFoundSchema } from "@yamori/proto/yamori/error/v1/not_found_pb.js"; import { GetRequestSchema } from "@yamori/proto/yamori/workspace/v1/get_request_pb.js"; import { GetResponseSchema } from "@yamori/proto/yamori/workspace/v1/get_response_pb.js";
  • @@ -99,7 +99,14 @@ );
    } if (!query.data) { - return "読込中"; + return ( + <Flex position="absolute" inset="0" align="center" justify="center" gap="2"> + <Spinner /> + <Text size="2" color="gray"> + ワークスペースを読込中... + </Text> + </Flex> + ); } const workspace = query.data;