binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: onboarding screens, invitations page

Browse source
This commit is contained in:
Aaryan Khandelwal 2023-04-28 20:46:07 +05:30
parent 93fb4fe1e9
commit 81d9c70026
8 changed files with 543 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

10
apps/app/pages/onboarding.tsx
View file

@ -27,7 +27,7 @@ import { ICurrentUserResponse } from "types";
import { CURRENT_USER } from "constants/fetch-keys";
const Onboarding: NextPage = () => {
const [step, setStep] = useState(1);
const [step, setStep] = useState(2);
const [userRole, setUserRole] = useState<string | null>(null);
const [workspace, setWorkspace] = useState();
@ -42,7 +42,7 @@ const Onboarding: NextPage = () => {
<div className="grid h-full place-items-center p-5">
{step <= 3 ? (
<div className="w-full">
<div className="text-center mb-8">
<div className="mb-8 text-center">
<Image src={Logo} height="50" alt="Plane Logo" />
</div>
{step === 1 ? (
@ -55,15 +55,15 @@ const Onboarding: NextPage = () => {
</div>
) : (
<div className="flex w-full max-w-2xl flex-col gap-12">
<div className="flex flex-col items-center justify-center gap-7 rounded-[10px] bg-white pb-10 text-center shadow-md">
<div className="flex flex-col items-center justify-center gap-7 rounded-[10px] bg-brand-base pb-10 text-center shadow-md">
{step === 4 ? (
<OnboardingCard data={ONBOARDING_CARDS.welcome} />
) : step === 5 ? (
<OnboardingCard data={ONBOARDING_CARDS.issue} gradient />
) : step === 6 ? (
<OnboardingCard data={ONBOARDING_CARDS.cycle} gradient/>
<OnboardingCard data={ONBOARDING_CARDS.cycle} gradient />
) : step === 7 ? (
<OnboardingCard data={ONBOARDING_CARDS.module} gradient/>
<OnboardingCard data={ONBOARDING_CARDS.module} gradient />
) : (
<OnboardingCard data={ONBOARDING_CARDS.commandMenu} />
)}