feat: mock workspace process

2026-08-18 10:31:50 +08:00 · 2023-01-04 18:08:11 +08:00
parent 1dc475632a
commit c6657e7a9b
5 changed files with 360 additions and 0 deletions
@@ -0,0 +1,47 @@
+import { WorkspaceModal } from '@/components/workspace-modal';
+import { getWorkspaceList } from '@/hooks/mock-data/mock';
+import { useEffect, useState } from 'react';
+import { styled } from '@/styles';
+import Button from '@/ui/button/Button';
+
+const Page = () => {
+  const [open, setOpen] = useState<boolean>(false);
+
+  useEffect(() => {
+    const data = getWorkspaceList();
+    if (!data.length) {
+      setOpen(true);
+    }
+  }, []);
+  return (
+    <Workspace>
+      <div>workspace</div>
+      <div>
+        <Button
+          onClick={() => {
+            setOpen(true);
+          }}
+        >
+          workspaceList
+        </Button>
+      </div>
+      <WorkspaceModal
+        open={open}
+        onClose={() => {
+          setOpen(false);
+        }}
+      ></WorkspaceModal>
+    </Workspace>
+  );
+};
+export default Page;
+
+const Workspace = styled.div(({ theme }) => {
+  return {
+    height: '100vh',
+    background: theme.colors.pageBackground,
+    color: '#FFFFFF',
+    fontSize: '18px',
+    fontWeight: 500,
+  };
+});