Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-25 08:19:40 +02:00
Code Issues Releases Activity

refactor(ui/box-selector): replace all selectors [EE-3856] (#7902)

Browse source
This commit is contained in:
Chaim Lev-Ari 2023-02-07 09:03:57 +05:30 • committed by GitHub
parent c9253319d9
commit 2dddc1c6b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
80 changed files with 1267 additions and 1011 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/react/components/Stepper/Stepper.stories.tsx
View file

@ -16,7 +16,7 @@ interface Args {
function Template({ totalSteps = 5 }: Args) {
const steps: Step[] = Array.from({ length: totalSteps }).map((_, index) => ({
title: `step ${index + 1}`,
label: `step ${index + 1}`,
}));
const [currentStep, setCurrentStep] = useState(1);

6
app/react/components/Stepper/Stepper.tsx
View file

@ -3,7 +3,7 @@ import clsx from 'clsx';
import styles from './Stepper.module.css';
export interface Step {
title: string;
label: string;
}
interface Props {
@ -16,7 +16,7 @@ export function Stepper({ currentStep, steps }: Props) {
<div className={styles.stepperWrapper}>
{steps.map((step, index) => (
<div
key={step.title}
key={step.label}
className={clsx(styles.stepWrapper, {
[styles.active]: index + 1 === currentStep,
[styles.completed]: index + 1 < currentStep,
@ -24,7 +24,7 @@ export function Stepper({ currentStep, steps }: Props) {
>
<div className={styles.step}>
<div className={styles.stepCounter}>{index + 1}</div>
<div className={styles.stepName}>{step.title}</div>
<div className={styles.stepName}>{step.label}</div>
</div>
</div>
))}