forked from github/plane
44f8ba407d
* auth integration fixes * auth integration fixes * auth integration fixes * auth integration fixes * dev: update user api to return fallback workspace and improve the structure of the response * dev: fix the issue keyerror and move onboarding logic to serializer method field * dev: use-user-auth hook imlemented for route access validation and build issues resolved effected by user payload * fix: global theme color fix * style: new onboarding ui , fix: use-user-auth hook implemented * fix: command palette, project invite modal and issue detail page mutation type fix * fix: onboarding redirection fix * dev: build isuue resolved * fix: use user auth hook fix * fix: sign in toast alert fix, sign out redirection fix and user theme error fix * fix: user response fix * fix: unAuthorizedStatus logic updated --------- Co-authored-by: pablohashescobar <nikhilschacko@gmail.com> Co-authored-by: gurusainath <gurusainath007@gmail.com> Co-authored-by: anmolsinghbhatia <anmolsinghbhatia@caravel.tech>
65 lines
2.3 KiB
TypeScript
65 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}`)}
|
|
/>
|
|
</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;
|