Files
gridpilot.gg/apps/website/app/onboarding/OnboardingWizardClient.tsx
2026-01-15 01:26:30 +01:00

68 lines
1.8 KiB
TypeScript

'use client';
import { OnboardingWizard } from './OnboardingWizard';
import { routes } from '@/lib/routing/RouteConfig';
import { completeOnboardingAction } from '@/app/onboarding/completeOnboardingAction';
import { generateAvatarsAction } from '@/app/onboarding/generateAvatarsAction';
import { useAuth } from '@/lib/auth/AuthContext';
export function OnboardingWizardClient() {
const { session } = useAuth();
const handleCompleteOnboarding = async (input: {
firstName: string;
lastName: string;
displayName: string;
country: string;
timezone?: string;
}) => {
try {
const result = await completeOnboardingAction(input);
if (result.isErr()) {
return { success: false, error: result.getError() };
}
window.location.href = routes.protected.dashboard;
return { success: true };
} catch (error) {
return { success: false, error: 'Failed to complete onboarding' };
}
};
const handleGenerateAvatars = async (params: {
facePhotoData: string;
suitColor: string;
}) => {
if (!session?.user?.userId) {
return { success: false, error: 'Not authenticated' };
}
try {
const result = await generateAvatarsAction({
userId: session.user.userId,
facePhotoData: params.facePhotoData,
suitColor: params.suitColor,
});
if (result.isErr()) {
return { success: false, error: result.getError() };
}
const data = result.unwrap();
return { success: true, data };
} catch (error) {
return { success: false, error: 'Failed to generate avatars' };
}
};
return (
<OnboardingWizard
onCompleted={() => {
window.location.href = routes.protected.dashboard;
}}
onCompleteOnboarding={handleCompleteOnboarding}
onGenerateAvatars={handleGenerateAvatars}
/>
);
}