diff --git a/src/components/layout/stepper/ApplicationStepper.js b/src/components/layout/stepper/ApplicationStepper.js index 3ed8d87..f455498 100644 --- a/src/components/layout/stepper/ApplicationStepper.js +++ b/src/components/layout/stepper/ApplicationStepper.js @@ -10,7 +10,7 @@ import { } from "@material-ui/core"; import { useLocation, useHistory } from "react-router-dom"; import CustomStepConnector from "./CustomStepConnector"; -import ColorlibStepIcon from "./ColorlibStepIcon"; +import StepIcon from "./StepIcon"; const styles = () => ({ stepperCard: { @@ -56,9 +56,7 @@ const ApplicationStepper = () => { disabled={step.disabled} onClick={() => handleStepClick(step)} > - - {step.title} - + {step.title} ))} diff --git a/src/components/layout/stepper/ColorlibStepIcon.js b/src/components/layout/stepper/StepIcon.js similarity index 94% rename from src/components/layout/stepper/ColorlibStepIcon.js rename to src/components/layout/stepper/StepIcon.js index d64ce40..cf7b962 100644 --- a/src/components/layout/stepper/ColorlibStepIcon.js +++ b/src/components/layout/stepper/StepIcon.js @@ -29,7 +29,7 @@ const useColorlibStepIconStyles = makeStyles({ } }); -function ColorlibStepIcon(props) { +function StepIcon(props) { const classes = useColorlibStepIconStyles(); const { active, completed } = props; @@ -55,7 +55,7 @@ function ColorlibStepIcon(props) { ); } -ColorlibStepIcon.propTypes = { +StepIcon.propTypes = { /** * Whether this step is active. */ @@ -70,4 +70,4 @@ ColorlibStepIcon.propTypes = { icon: PropTypes.node }; -export default ColorlibStepIcon; +export default StepIcon;