mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2025-12-30 02:10:12 -06:00
Code Issues Packages Projects Releases 100 Wiki Activity

fix: progress bar on welcome card (#3006)

Browse Source
This commit is contained in:
Dhruwang Jariwala
2024-08-15 12:21:41 +05:30
committed by GitHub
parent 4ebe144191
commit 3dc3edb83e
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/surveys/src/components/general/ProgressBar.tsx
View File

@@ -13,7 +13,7 @@ export const ProgressBar = ({ survey, questionId }: ProgressBarProps) => {
() => survey.questions.findIndex((q) => q.id === questionId),
[survey, questionId]
);
const questionIds = useMemo(() => survey.questions.map((question) => question.id), [survey.questions]);
const endingCardIds = useMemo(() => survey.endings.map((ending) => ending.id), [survey.endings]);
const calculateProgress = useCallback(
(index: number, questionsLength: number) => {
@@ -30,11 +30,15 @@ export const ProgressBar = ({ survey, questionId }: ProgressBarProps) => {
return survey.questions.map((_, index) => calculateProgress(index, survey.questions.length));
}, [calculateProgress, survey]);
return (
<Progress
progress={
!questionIds.includes(questionId) ? 1 : questionId === "start" ? 0 : progressArray[currentQuestionIdx]
}
/>
);
const progressValue = useMemo(() => {
if (questionId === "start") {
return 0;
} else if (endingCardIds.includes(questionId)) {
return 1;
} else {
return progressArray[currentQuestionIdx];
}
}, [questionId, endingCardIds, progressArray, currentQuestionIdx]);
return <Progress progress={progressValue} />;
};