From cf2e1aaa05664cf9458a7fb95f0afb9106240f75 Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Wed, 5 Nov 2025 06:50:39 +0000 Subject: [PATCH] completionId: cgen-b7e9201800774ca89dc2c6553179583c cgen-b7e9201800774ca89dc2c6553179583c --- client/pages/Community.tsx | 66 +++++++++++++++++++++++++------------- 1 file changed, 43 insertions(+), 23 deletions(-) diff --git a/client/pages/Community.tsx b/client/pages/Community.tsx index 3a788416..0dd0e699 100644 --- a/client/pages/Community.tsx +++ b/client/pages/Community.tsx @@ -853,29 +853,49 @@ export default function Community() { { label: "Games Created", value: "1K+", icon: Gamepad2 }, ]; - const newMemberSteps = [ - { - id: "join-discord", - title: "Join the live chat", - description: - "Hop into Discord intros and grab the starter role in under five minutes.", - icon: MessageCircle, - }, - { - id: "complete-profile", - title: "Complete your profile", - description: - "Upload an avatar, link your GitHub, and let the network know your focus.", - icon: UserCircle, - }, - { - id: "make-intro", - title: "Share your first post", - description: - "Publish a quick intro or project teaser in the feed to unlock your first badge.", - icon: Sparkles, - }, - ]; + // Compute onboarding progress from profile + const getOnboardingProgress = () => { + const steps = [ + { + id: "user-type", + title: "Choose Your Path", + description: "Selected your role: Game Developer, Client, or Member.", + icon: Flag, + completed: Boolean((profile as any)?.user_type), + }, + { + id: "personal-info", + title: "Personal Information", + description: "Set your name, email, and account details.", + icon: UserCircle, + completed: Boolean(profile?.full_name), + }, + { + id: "experience", + title: "Experience Level", + description: "Told us about your background and skills.", + icon: Trophy, + completed: Boolean((profile as any)?.experience_level), + }, + { + id: "interests", + title: "Interests & Goals", + description: "Defined your goals and preferred services.", + icon: Sparkles, + completed: Boolean((profile as any)?.interests?.length > 0), + }, + { + id: "email-verified", + title: "Email Verified", + description: "Confirmed your email address.", + icon: CheckCircle, + completed: Boolean(user?.email_confirmed_at || (user?.user_metadata as any)?.email_verified), + }, + ]; + return steps; + }; + + const newMemberSteps = getOnboardingProgress(); const newMemberResources = [ {