Add a workspaces component to iterate

bryphe-coder · bryphe-coder · commit d139d7be58be · 2022-02-09T18:20:14.000Z
diff --git a/site/components/Workspace/Workspace.tsx b/site/components/Workspace/Workspace.tsx
@@ -0,0 +1,14 @@
+import React from "react"
+
+import * as API from "../../api"
+
+export interface WorkspaceProps {
+  workspace: API.Workspace
+}
+
+/**
+ * Workspace is the top-level component for viewing an individual workspace
+ */
+export const Workspace: React.FC<WorkspaceProps> = ({ workspace }) => {
+  return <div>Hello, workspace: <span>{workspace.name}</span></div>
+}
diff --git a/site/components/Workspace/index.ts b/site/components/Workspace/index.ts
@@ -0,0 +1 @@
+export * from "./Workspace"
diff --git a/site/pages/workspaces/[user]/[workspace].tsx b/site/pages/workspaces/[user]/[workspace].tsx
@@ -8,9 +8,7 @@ import { useUser } from "../../../contexts/UserContext"
 import { firstOrItem } from "../../../util/array"
 import { ErrorSummary } from "../../../components/ErrorSummary"
 import { FullScreenLoader } from "../../../components/Loader/FullScreenLoader"
-
-//import { Workspace } from "../../components/Workspace"
-//import { MockWorkspace } from "../../test_helpers"
+import { Workspace } from "../../../components/Workspace"
 
 import * as API from "../../../api"
 
@@ -47,7 +45,7 @@ const WorkspacesPage: React.FC = () => {
       <Navbar user={me} onSignOut={signOut} />
 
       <div className={styles.inner}>
-        <div>Hello, world</div>
+        <Workspace workspace={workspace} />
       </div>
 
       <Footer />
