lightweight/right-tree
1
0
Fork 0
Code Issues 17 Pull requests Projects Releases Packages Wiki Activity Actions

Update reset operation to also reset filters

Browse source
This commit is contained in:
Dana Lambert 2021-11-02 11:30:36 +13:00
parent 8638fd3041
commit 05121fbdba
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/components/Stepper.js
View file

@ -40,6 +40,7 @@ export default function StepperWizard(props) {
const handleReset = () => {
setActiveStep(0);
setNextDisabled(true);
props.resetFilterState()
};
let CurrentStep = activeStep >= steps.length ? steps[steps.length - 1].component : steps[activeStep].component;

11
frontend/src/pages/MainPage.js
View file

@ -16,6 +16,7 @@ export default class MainPage extends React.Component {
}
this.updateFilterState = this.updateFilterState.bind(this);
this.resetFilterState = this.resetFilterState.bind(this);
}
updatePlants() {
@ -33,6 +34,10 @@ export default class MainPage extends React.Component {
this.updatePlants()
}
resetFilterState() {
this.setState({ filters: {} })
}
componentDidMount() {
this.updatePlants()
}
@ -41,7 +46,11 @@ export default class MainPage extends React.Component {
return (
<Container fluid className='main-container p-0'>
<Header/>
<Stepper plants={this.state.plants} filters={this.state.filters} updateFilterState={this.updateFilterState} />
<Stepper
plants={this.state.plants}
filters={this.state.filters}
updateFilterState={this.updateFilterState}
resetFilterState={this.resetFilterState} />
</Container>
)
}