(feat): add total steps number prop (#317)

* feat: add totalStepsNumber at interface * feat: add totalStepsNumber impl
mohebifar · May 2, 2024 · 18f0bcc · 18f0bcc
1 parent b12b7ab
commit 18f0bcc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/contexts/CopilotProvider.tsx b/src/contexts/CopilotProvider.tsx
@@ -42,6 +42,7 @@ interface CopilotContextType {
   isFirstStep: boolean;
   isLastStep: boolean;
   currentStepNumber: number;
+  totalStepsNumber: number;
 }
 
 /*
@@ -67,6 +68,7 @@ export const CopilotProvider = ({
   const {
     currentStep,
     currentStepNumber,
+    totalStepsNumber,
     getFirstStep,
     getPrevStep,
     getNextStep,
@@ -199,6 +201,7 @@ export const CopilotProvider = ({
       isFirstStep,
       isLastStep,
       currentStepNumber,
+      totalStepsNumber,
     }),
     [
       registerStep,
@@ -214,6 +217,7 @@ export const CopilotProvider = ({
       isFirstStep,
       isLastStep,
       currentStepNumber,
+      totalStepsNumber,
     ]
   );
 

diff --git a/src/hooks/useStepsMap.ts b/src/hooks/useStepsMap.ts
@@ -51,6 +51,8 @@ export const useStepsMap = () => {
     [currentStep, stepIndex]
   );
 
+  const totalStepsNumber = useMemo(() => orderedSteps.length, [orderedSteps]);
+
   const getFirstStep = useCallback(() => orderedSteps[0], [orderedSteps]);
 
   const getLastStep = useCallback(
@@ -93,6 +95,7 @@ export const useStepsMap = () => {
 
   return {
     currentStepNumber,
+    totalStepsNumber,
     getFirstStep,
     getLastStep,
     getPrevStep,