import React, { useState, ReactElement } from "react"; import { observer } from "mobx-react-lite"; import Image from "next/image"; import Link from "next/link"; import { useRouter } from "next/router"; import { useTheme } from "next-themes"; // hooks import { PageHead } from "components/core"; import { CreateWorkspaceForm } from "components/workspace"; import { useUser } from "hooks/store"; // layouts import { UserAuthWrapper } from "layouts/auth-layout"; import DefaultLayout from "layouts/default-layout"; // components // images import { NextPageWithLayout } from "lib/types"; import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg"; import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg"; // types import { IWorkspace } from "@plane/types"; const CreateWorkspacePage: NextPageWithLayout = observer(() => { // router const router = useRouter(); // store hooks const { currentUser, updateCurrentUser } = useUser(); // states const [defaultValues, setDefaultValues] = useState({ name: "", slug: "", organization_size: "", }); // hooks const { theme } = useTheme(); const onSubmit = async (workspace: IWorkspace) => { await updateCurrentUser({ last_workspace_id: workspace.id }).then(() => router.push(`/${workspace.slug}`)); }; return ( <>
{theme === "light" ? ( Plane black logo ) : ( Plane white logo )}
{currentUser?.email}

Create your workspace

); }); CreateWorkspacePage.getLayout = function getLayout(page: ReactElement) { return ( {page} ); }; export default CreateWorkspacePage;