style: fixed styles and wizard step icons

This commit is contained in:
Liordino Neto 2020-04-07 19:00:19 -03:00 committed by Josh Harvey
parent cefe9e2521
commit 7551a50c23
11 changed files with 65 additions and 39 deletions

View file

@ -31,7 +31,7 @@ const Wizard = ({ header, nextStepText, finalStepText, finish, children }) => {
return (
<>
<div className={classes.header}>{header}</div>
<div>{header}</div>
<div className={classes.body}>
<div className={classes.columnWrapper}>
{/* TODO: wizard steps icons are a little strange... */}
@ -41,14 +41,25 @@ const Wizard = ({ header, nextStepText, finalStepText, finish, children }) => {
if (i < currentStepIndex)
elementToRender.push(
<CompleteIcon key={elementToRender.length} />
<CompleteIcon
key={elementToRender.length}
className={classes.wizardStepIcon}
/>
)
else if (i === currentStepIndex)
elementToRender.push(
<CurrentIcon key={elementToRender.length} />
<CurrentIcon
key={elementToRender.length}
className={classes.wizardStepIcon}
/>
)
else
elementToRender.push(<EmptyIcon key={elementToRender.length} />)
elementToRender.push(
<EmptyIcon
key={elementToRender.length}
className={classes.wizardStepIcon}
/>
)
if (i < currentStepIndex)
elementToRender.push(