Hook up cancel button

bryphe-coder · bryphe-coder · commit 35ddcab95646 · 2022-01-25T19:27:19.000Z
diff --git a/site/api.ts b/site/api.ts
@@ -39,7 +39,6 @@ export interface Project {
   active_version_id: string
 }
 
->>>>>>> main
 export const login = async (email: string, password: string): Promise<LoginResponse> => {
   const response = await fetch("/api/v2/login", {
     method: "POST",
diff --git a/site/components/Form/FormDropdownField.tsx b/site/components/Form/FormDropdownField.tsx
@@ -52,4 +52,4 @@ const useStyles = makeStyles({
   hintText: {
     opacity: 0.75,
   },
-})
+})
diff --git a/site/pages/projects/create.tsx b/site/pages/projects/create.tsx
@@ -1,5 +1,6 @@
 import React from "react"
 import { makeStyles } from "@material-ui/core/styles"
+import { useRouter } from "next/router"
 import useSWR from "swr"
 
 import { provisioners } from "../../api"
@@ -8,6 +9,7 @@ import { FullScreenLoader } from "../../components/Loader/FullScreenLoader"
 import { CreateProjectForm } from "../../forms/CreateProjectForm"
 
 const CreateProjectPage: React.FC = () => {
+  const router = useRouter()
   const styles = useStyles()
   const { me } = useUser(true)
   const { data: organizations, error } = useSWR("/api/v2/users/me/organizations")
@@ -21,13 +23,17 @@ const CreateProjectPage: React.FC = () => {
     return <FullScreenLoader />
   }
 
+  const onCancel = async () => {
+    await router.push("/projects")
+  }
+
   return (
     <div className={styles.root}>
       <CreateProjectForm
         provisioners={provisioners}
         organizations={organizations}
         onSubmit={(request) => alert(JSON.stringify(request))}
-        onCancel={() => alert("Cancelled")}
+        onCancel={onCancel}
       />
     </div>
   )

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,6 @@ export interface Project {`
`39`	`39`	`active_version_id: string`
`40`	`40`	`}`
`41`	`41`
`42`		`->>>>>>> main`
`43`	`42`	`export const login = async (email: string, password: string): Promise<LoginResponse> => {`
`44`	`43`	`const response = await fetch("/api/v2/login", {`
`45`	`44`	`method: "POST",`