changed cursor pointer for bubble logic

Author: GokulSNath

src/bubble/bubble.tsx

@@ -12,13 +12,14 @@ const Bubble: FC<IBubbleProps> = (props) => {
     index,
     currentStepIndex,
     handleStepClick = null,
+    showCursor,
     getStyles
   } = props;
 
   return (
     <div
       className={`${styles.eachBubble}
-      ${handleStepClick && styles.cursorPointer}
+      ${showCursor && styles.cursorPointer}
       ${index === currentStepIndex && styles.activeStepBubble}
       ${step.status === STEP_STATUSES.UNVISITED && currentStepIndex !== index && styles.inactiveStepBubble}
       `}

src/bubble/types.d.ts

@@ -8,5 +8,6 @@ export type IBubbleProps = {
   index: number,
   currentStepIndex?: number,
   handleStepClick(): void,
+  showCursor: boolean,
   getStyles(element: Elements): object
 }

src/stepper-component/stepperComponent.tsx

@@ -32,6 +32,7 @@ const Stepper: FC<IStepperProps> = (props) => {
               index={stepIndex}
               currentStepIndex= {currentStepIndex}
               handleStepClick={(): void => onStepClick && onStepClick(step, stepIndex)}
+              showCursor={!!onStepClick}
               renderAdornment={renderBubble}
               getStyles={(element: Elements): object => getStyles(element, step, stepIndex)}
             />