diff --git a/web/src/components/ui/stepper.tsx b/web/src/components/ui/stepper.tsx index e992a45..a467e95 100644 --- a/web/src/components/ui/stepper.tsx +++ b/web/src/components/ui/stepper.tsx @@ -27,14 +27,13 @@ export const Stepper: React.FC = ({ steps, currentStep }) => { return (
{steps.map((step, idx) => ( - <> +
+ {/* Step circle */}
- {/* Step circle */} -
= ({ steps, currentStep }) => { : "bg-gray-100 dark:bg-gray-800/60 text-gray-500" } `} - > - {idx < stepIndex ? ( - // Check icon for completed steps - - - - ) : ( - (step.icon ?? {idx + 1}) - )} -
+ > + {idx < stepIndex ? ( + // Check icon for completed steps + + + + ) : ( + (step.icon ?? {idx + 1}) + )} +
- {/* Step label */} -
- - {step.label} + {/* Step label */} +
+ + {step.label} + + {step.description && ( + + {step.description} - {step.description && ( - - {step.description} - - )} -
+ )} +
- {/* {idx < steps.length - 1 && ( + {/* {idx < steps.length - 1 && (
)} */} -
- +
))}