PulseApp/www
PulseApp/www
1
0
Fork 0
Code Issues Pull Requests 3 Actions Activity

fix the dashboard looking goofy for onboarding
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 1m13s
Details

Browse Source
This commit is contained in:
Braydon 2024-09-19 00:37:39 -04:00
parent f649b7b15c
commit 2a1cfa4994
2 changed files with 31 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(pages)/dashboard/onboarding/page.tsx
View File

@ -14,7 +14,7 @@ const OnboardingPage = (): ReactElement => {
(state: UserState) => state.user
);
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) ? (
<CompletedOnboarding />
) : (

47
src/components/dashboard/sidebar/sidebar.tsx
View File

@ -1,26 +1,39 @@
"use client";
import { ReactElement } from "react";
import Branding from "@/components/branding";
import { Separator } from "@/components/ui/separator";
import Link from "next/link";
import OrganizationSelector from "@/components/dashboard/sidebar/organization-selector";
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 => (
<nav className="w-56 px-3 py-4 h-screen flex flex-col items-center bg-zinc-900 border-r">
{/* Header */}
<Link className="flex gap-3 items-center group" href="/dashboard">
<Branding size="xs" />
<h1 className="text-xl font-bold group-hover:opacity-75 transition-all transform-gpu">
Pulse App
</h1>
</Link>
<Separator className="w-32 my-3.5" />
{/* Content */}
<OrganizationSelector />
<Links />
<div className="mt-auto">USER</div>
</nav>
);
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">
{/* Header */}
<Link className="flex gap-3 items-center group" href="/dashboard">
<Branding size="xs" />
<h1 className="text-xl font-bold group-hover:opacity-75 transition-all transform-gpu">
Pulse App
</h1>
</Link>
<Separator className="w-32 my-3.5" />
{/* Content */}
<OrganizationSelector />
<Links />
<div className="mt-auto">USER</div>
</nav>
) : (
<div />
);
};
export default Sidebar;