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 (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 />
) : ( ) : (

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

@ -1,26 +1,39 @@
"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 => {
<nav className="w-56 px-3 py-4 h-screen flex flex-col items-center bg-zinc-900 border-r"> const user: User | undefined = useUserContext(
{/* Header */} (state: UserState) => state.user
<Link className="flex gap-3 items-center group" href="/dashboard"> );
<Branding size="xs" /> return hasFlag(user as User, UserFlag.COMPLETED_ONBOARDING) ? (
<h1 className="text-xl font-bold group-hover:opacity-75 transition-all transform-gpu"> <nav className="w-56 px-3 py-4 h-screen flex flex-col items-center bg-zinc-900 border-r">
Pulse App {/* Header */}
</h1> <Link className="flex gap-3 items-center group" href="/dashboard">
</Link> <Branding size="xs" />
<Separator className="w-32 my-3.5" /> <h1 className="text-xl font-bold group-hover:opacity-75 transition-all transform-gpu">
Pulse App
{/* Content */} </h1>
<OrganizationSelector /> </Link>
<Links /> <Separator className="w-32 my-3.5" />
<div className="mt-auto">USER</div>
</nav>
);
{/* Content */}
<OrganizationSelector />
<Links />
<div className="mt-auto">USER</div>
</nav>
) : (
<div />
);
};
export default Sidebar; export default Sidebar;