diff --git a/src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/get-started-progress.tsx b/src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/get-started-progress.tsx index 5676243f3..057170707 100644 --- a/src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/get-started-progress.tsx +++ b/src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/get-started-progress.tsx @@ -35,25 +35,27 @@ export const GetStartedProgress: FC<{ const hasFlows = flows && flows?.length > 0; const percentageGetStarted = useMemo(() => { - const totalSteps = 3; - let hasFlowsCount = 0; - const completedSteps = Object.keys(userData?.optins ?? {}).filter( - (key) => userData?.optins?.[key], - )?.length; + const stepValue = 33; + let totalPercentage = 0; - if (hasFlows) { - hasFlowsCount = 33; + if (userData?.optins?.github_starred) { + totalPercentage += stepValue; } - const percentage = - Math.round((completedSteps / totalSteps) * 100) + hasFlowsCount; + if (userData?.optins?.discord_clicked) { + totalPercentage += stepValue; + } - if (percentage > 100) { + if (hasFlows) { + totalPercentage += stepValue; + } + + if (totalPercentage === 99) { return 100; } - return percentage; - }, [userData?.optins, isGithubStarredChild, isDiscordJoinedChild, hasFlows]); + return Math.min(totalPercentage, 100); + }, [userData?.optins, hasFlows]); const handleUserTrack = (key: string) => { const optins = userData?.optins ?? {};