Stub create workspace API

bryphe-coder · bryphe-coder · commit 5016b9a34632 · 2022-01-19T21:51:23.000Z
diff --git a/site/api.ts b/site/api.ts
@@ -25,4 +25,8 @@ export namespace Project {
 
     return Promise.resolve([project1, project2])
   }
+
+  export const createProject = (name: string): Promise<string> => {
+    return Promise.resolve("test-workspace")
+  }
 }
diff --git a/site/pages/workspaces/create/[projectId].tsx b/site/pages/workspaces/create/[projectId].tsx
@@ -1,18 +1,32 @@
 import React from "react"
 import { useRouter } from "next/router"
+import { useFormik } from "formik"
+
+import * as API from "../../../api"
 
 import { FormPage, FormButton } from "../../../components/PageTemplates"
 
 const CreateProjectPage: React.FC = () => {
   const router = useRouter()
   const { projectId } = router.query
 
+
+  const form = useFormik({
+    initialValues: {
+      name: ""
+    },
+    onSubmit: async ({ name }) => {
+      return API.Project.createProject(name)
+    },
+  })
+
   const cancel = () => {
     router.back()
   }
 
-  const submit = () => {
-    alert("Submitting workspace")
+  const submit = async () => {
+    const workspaceId = await form.submitForm()
+    router.push(`/workspaces/${workspaceId}`)
   }
 
   const buttons: FormButton[] = [

Original file line number	Diff line number	Diff line change
`@@ -25,4 +25,8 @@ export namespace Project {`
`25`	`25`
`26`	`26`	`return Promise.resolve([project1, project2])`
`27`	`27`	`}`
	`28`	`+`
	`29`	`+ export const createProject = (name: string): Promise<string> => {`
	`30`	`+ return Promise.resolve("test-workspace")`
	`31`	`+ }`
`28`	`32`	`}`