fix the dashboard looking goofy for onboarding
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 1m13s
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 1m13s
This commit is contained in:
parent
f649b7b15c
commit
2a1cfa4994
@ -14,7 +14,7 @@ const OnboardingPage = (): ReactElement => {
|
|||||||
(state: UserState) => state.user
|
(state: UserState) => state.user
|
||||||
);
|
);
|
||||||
return (
|
return (
|
||||||
<main className="min-h-screen flex justify-center items-center">
|
<main className="w-full min-h-screen flex justify-center items-center">
|
||||||
{hasFlag(user as User, UserFlag.COMPLETED_ONBOARDING) ? (
|
{hasFlag(user as User, UserFlag.COMPLETED_ONBOARDING) ? (
|
||||||
<CompletedOnboarding />
|
<CompletedOnboarding />
|
||||||
) : (
|
) : (
|
||||||
|
@ -1,11 +1,22 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
import { ReactElement } from "react";
|
import { ReactElement } from "react";
|
||||||
import Branding from "@/components/branding";
|
import Branding from "@/components/branding";
|
||||||
import { Separator } from "@/components/ui/separator";
|
import { Separator } from "@/components/ui/separator";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import OrganizationSelector from "@/components/dashboard/sidebar/organization-selector";
|
import OrganizationSelector from "@/components/dashboard/sidebar/organization-selector";
|
||||||
import Links from "@/components/dashboard/sidebar/links";
|
import Links from "@/components/dashboard/sidebar/links";
|
||||||
|
import { User } from "@/app/types/user/user";
|
||||||
|
import { useUserContext } from "@/app/provider/user-provider";
|
||||||
|
import { UserState } from "@/app/store/user-store";
|
||||||
|
import { hasFlag } from "@/lib/user";
|
||||||
|
import { UserFlag } from "@/app/types/user/user-flag";
|
||||||
|
|
||||||
const Sidebar = (): ReactElement => (
|
const Sidebar = (): ReactElement => {
|
||||||
|
const user: User | undefined = useUserContext(
|
||||||
|
(state: UserState) => state.user
|
||||||
|
);
|
||||||
|
return hasFlag(user as User, UserFlag.COMPLETED_ONBOARDING) ? (
|
||||||
<nav className="w-56 px-3 py-4 h-screen flex flex-col items-center bg-zinc-900 border-r">
|
<nav className="w-56 px-3 py-4 h-screen flex flex-col items-center bg-zinc-900 border-r">
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<Link className="flex gap-3 items-center group" href="/dashboard">
|
<Link className="flex gap-3 items-center group" href="/dashboard">
|
||||||
@ -21,6 +32,8 @@ const Sidebar = (): ReactElement => (
|
|||||||
<Links />
|
<Links />
|
||||||
<div className="mt-auto">USER</div>
|
<div className="mt-auto">USER</div>
|
||||||
</nav>
|
</nav>
|
||||||
);
|
) : (
|
||||||
|
<div />
|
||||||
|
);
|
||||||
|
};
|
||||||
export default Sidebar;
|
export default Sidebar;
|
||||||
|
Loading…
Reference in New Issue
Block a user