diff --git a/apps/web/modules/onboarding/getting-started/onboarding-view.tsx b/apps/web/modules/onboarding/getting-started/onboarding-view.tsx index d9e49c1c27..4a908efa8e 100644 --- a/apps/web/modules/onboarding/getting-started/onboarding-view.tsx +++ b/apps/web/modules/onboarding/getting-started/onboarding-view.tsx @@ -8,11 +8,11 @@ import classNames from "@calcom/ui/classNames"; import { Badge } from "@calcom/ui/components/badge"; import { Button } from "@calcom/ui/components/button"; import { type IconName } from "@calcom/ui/components/icon"; -import { Logo } from "@calcom/ui/components/logo"; import { RadioAreaGroup } from "@calcom/ui/components/radio"; import { OnboardingContinuationPrompt } from "../components/onboarding-continuation-prompt"; import { PlanIcon } from "../components/plan-icon"; +import { OnboardingLayout } from "../personal/_components/OnboardingLayout"; import { useOnboardingStore, type PlanType } from "../store/onboarding-store"; type OnboardingViewProps = { @@ -77,28 +77,10 @@ export const OnboardingView = ({ userName, userEmail }: OnboardingViewProps) => }); return ( -
+ <> - {/* Header */} -
- - - {/* Progress dots - centered */} -
-
-
-
-
-
- -
-

{userEmail}

-
-
- - {/* Main content */} -
-
+ +
{/* Card */}
@@ -173,7 +155,7 @@ export const OnboardingView = ({ userName, userEmail }: OnboardingViewProps) =>
-
-
+ + ); }; diff --git a/apps/web/modules/onboarding/personal/_components/OnboardingLayout.tsx b/apps/web/modules/onboarding/personal/_components/OnboardingLayout.tsx index 23fa842640..659e09e8ee 100644 --- a/apps/web/modules/onboarding/personal/_components/OnboardingLayout.tsx +++ b/apps/web/modules/onboarding/personal/_components/OnboardingLayout.tsx @@ -1,5 +1,10 @@ +"use client"; + +import { signOut } from "next-auth/react"; import type { ReactNode } from "react"; +import { useLocale } from "@calcom/lib/hooks/useLocale"; +import { Button } from "@calcom/ui/components/button"; import { Logo } from "@calcom/ui/components/logo"; type OnboardingLayoutProps = { @@ -9,6 +14,12 @@ type OnboardingLayoutProps = { }; export const OnboardingLayout = ({ userEmail, currentStep, children }: OnboardingLayoutProps) => { + const { t } = useLocale(); + + const handleSignOut = () => { + signOut({ callbackUrl: "/auth/logout" }); + }; + return (
{/* Header */} @@ -33,9 +44,16 @@ export const OnboardingLayout = ({ userEmail, currentStep, children }: Onboardin
{/* Main content */} -
+
{children}
+ + {/* Footer with signout button */} +
+ +
); };