forked from github/plane
6f2a38ad66
* fix: sign in and invitation page fixes * fix: project and workspace services track event fix * fix: user onboarding complete track event fix * fix: issue track event fix * fix: partial property , issue comment and mark as done issue track event fix * fix: bulk delete , move to cycle or module and issue label track event fix * fix: state , cycle and module track event fix * fix: pages and block track event fix * fix: integration , estimate , importer , analytics and gpt track event fix * fix: view track event fix * fix: build fix * fix: build fix
66 lines
2.3 KiB
TypeScript
66 lines
2.3 KiB
TypeScript
import React from "react";
|
|
|
|
import { useRouter } from "next/router";
|
|
import Image from "next/image";
|
|
// hooks
|
|
import useUser from "hooks/use-user";
|
|
// components
|
|
import { OnboardingLogo } from "components/onboarding";
|
|
// layouts
|
|
import DefaultLayout from "layouts/default-layout";
|
|
import { UserAuthorizationLayout } from "layouts/auth-layout/user-authorization-wrapper";
|
|
// images
|
|
import Logo from "public/onboarding/logo.svg";
|
|
// types
|
|
import type { NextPage } from "next";
|
|
// constants
|
|
import { CreateWorkspaceForm } from "components/workspace";
|
|
|
|
const CreateWorkspace: NextPage = () => {
|
|
const router = useRouter();
|
|
const defaultValues = {
|
|
name: "",
|
|
slug: "",
|
|
company_size: null,
|
|
};
|
|
|
|
const { user } = useUser();
|
|
return (
|
|
<UserAuthorizationLayout>
|
|
<DefaultLayout>
|
|
<div className="relative grid h-full place-items-center p-5">
|
|
<div className="h-full flex flex-col items-center justify-center w-full py-4">
|
|
<div className="mb-7 flex items-center justify-center text-center">
|
|
<OnboardingLogo className="h-12 w-48 fill-current text-brand-base" />
|
|
</div>
|
|
|
|
<div className="flex h-[366px] w-full max-w-xl flex-col justify-between rounded-[10px] bg-brand-base shadow-md">
|
|
<div className="flex items-center justify-start gap-3 px-7 pt-7 pb-3.5 text-gray-8 text-sm">
|
|
<div className="flex flex-col gap-2 justify-center ">
|
|
<h3 className="text-base font-semibold text-brand-base">Create Workspace</h3>
|
|
<p className="text-sm text-brand-secondary">
|
|
Create or join the workspace to get started with Plane.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<CreateWorkspaceForm
|
|
defaultValues={defaultValues}
|
|
setDefaultValues={() => {}}
|
|
onSubmit={(res) => router.push(`/${res.slug}`)}
|
|
user={user}
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="absolute flex flex-col gap-1 justify-center items-start left-5 top-5">
|
|
<span className="text-xs text-brand-secondary">Logged in:</span>
|
|
<span className="text-sm text-brand-base">{user?.email}</span>
|
|
</div>
|
|
</div>
|
|
</DefaultLayout>
|
|
</UserAuthorizationLayout>
|
|
);
|
|
};
|
|
|
|
export default CreateWorkspace;
|