diff --git a/src/routes/CreateNewTeam/components/SearchContainer/index.jsx b/src/routes/CreateNewTeam/components/SearchContainer/index.jsx index eb72a88f..291de894 100644 --- a/src/routes/CreateNewTeam/components/SearchContainer/index.jsx +++ b/src/routes/CreateNewTeam/components/SearchContainer/index.jsx @@ -80,11 +80,10 @@ function SearchContainer({ return ; }; - const getPercentage = useCallback(() => { - if (searchState === "searching") return "26"; - if (matchingRole) return "53"; - return "84"; - }, [searchState, matchingRole]); + const progressBarPercentage = useMemo( + () => (searchState === "searching" ? 53 : 84), + [searchState] + ); return (
@@ -94,14 +93,14 @@ function SearchContainer({ setAddAnotherOpen(true)} extraStyleName={progressStyle} buttonLabel="Continue" stages={stages} - percentage={getPercentage()} + percentage={progressBarPercentage} />
} - title="Identified Skills" + title={title} subtitle={skills.length ? subTitle : skillsNotFoundTxt} isLoading={isLoading} loadingMessage={loadingTxt || "Loading..."} diff --git a/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx b/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx index 86faa01c..a219a262 100644 --- a/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx +++ b/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx @@ -163,7 +163,7 @@ function SubmitContainer({ isDisabled={!buttonClickable} buttonLabel="Continue" stages={stages} - percentage="98" + percentage="84" /> { stages={stages} extraStyleName="role-selection final-step" disabled="true" - percentage="98" + percentage="97" /> );