right-tree/frontend/src/pages/MainPage.js

48 lines
1.2 KiB
JavaScript
Raw Normal View History

import React from 'react'
2021-10-07 15:39:12 +13:00
import { Container } from 'reactstrap';
import Stepper from '../components/Stepper'
import Header from '../components/Header'
import PlantRepsostory from '../repository/PlantRepository'
export default class MainPage extends React.Component {
constructor(props) {
super(props);
this.state = {
plants: [],
filters: {}
}
this.updateFilterState = this.updateFilterState.bind(this);
}
updatePlants() {
PlantRepsostory.getPlants().then(response => {
if (response.status === 200) {
this.setState({ plants: response.data });
}
}).catch(e => {
this.setState({ plants: ["No plants found."] });
})
}
updateFilterState(newFilter) {
this.setState({ filters: { ...this.state.filters, ...newFilter } })
}
componentDidMount() {
this.updatePlants()
}
render() {
return (
<Container fluid className='main-container p-0'>
<Header/>
<Stepper plants={this.state.plants} updateFilterState={this.updateFilterState} />
</Container>
)
}
}