[dfd5d87] | 1 | import React, { Component } from 'react'
|
---|
| 2 | import "./GroupedFiltersComponent.css"
|
---|
| 3 | import InputLabel from '@mui/material/InputLabel';
|
---|
| 4 | import MenuItem from '@mui/material/MenuItem';
|
---|
| 5 | import FormControl from '@mui/material/FormControl';
|
---|
| 6 | import Select from '@mui/material/Select';
|
---|
| 7 | import FilterSelectComponent from "../FiltersComponents/FilterSelectComponent"
|
---|
| 8 | import FilterPriceComponent from "../FiltersComponents/FilterPriceComponent"
|
---|
| 9 | import SearchFieldComponent from '../FiltersComponents/SearchFieldComponent';
|
---|
[dbd4834] | 10 | import { Grid } from '@mui/material';
|
---|
| 11 | import SortByComponent from '../FiltersComponents/SortByComponent';
|
---|
[dfd5d87] | 12 |
|
---|
| 13 | export default class GroupedFiltersComponent extends Component {
|
---|
[dbd4834] | 14 |
|
---|
| 15 | constructor(props) {
|
---|
| 16 | super(props)
|
---|
| 17 |
|
---|
| 18 | this.state = {
|
---|
| 19 |
|
---|
| 20 | }
|
---|
| 21 | }
|
---|
| 22 |
|
---|
| 23 |
|
---|
| 24 | componentDidMount(){
|
---|
| 25 |
|
---|
| 26 | }
|
---|
| 27 |
|
---|
[dfd5d87] | 28 | render() {
|
---|
| 29 | return (
|
---|
[dbd4834] | 30 | <>
|
---|
| 31 | <div className="grouped-filters-component">
|
---|
| 32 | <Grid container spacing={5}>
|
---|
| 33 |
|
---|
| 34 | <Grid className='filterscomponent-grid-item' item xs={6} sm={4} md={3}>
|
---|
| 35 | <FilterSelectComponent changeHandler={this.props.passFilters} type='shops'/>
|
---|
| 36 | </Grid>
|
---|
| 37 |
|
---|
| 38 | <Grid className='filterscomponent-grid-item' item xs={6} sm={4} md={3}>
|
---|
| 39 | <FilterSelectComponent changeHandler={this.props.passFilters} type='brands'/>
|
---|
| 40 | </Grid>
|
---|
| 41 |
|
---|
| 42 | <Grid className='filterscomponent-grid-item' item xs={6} sm={4} md={3}>
|
---|
| 43 | <FilterPriceComponent changeHandler={this.props.passFilters}/>
|
---|
| 44 | </Grid>
|
---|
| 45 |
|
---|
| 46 | <Grid className='filterscomponent-grid-item' item xs={6} sm={4} md={3}>
|
---|
| 47 | <SearchFieldComponent changeHandler={this.props.passFilters} />
|
---|
| 48 | </Grid>
|
---|
| 49 | </Grid>
|
---|
[dfd5d87] | 50 | </div>
|
---|
[dbd4834] | 51 | <SortByComponent changeHandler={this.props.passFilters}/>
|
---|
| 52 | </>
|
---|
[dfd5d87] | 53 | )
|
---|
| 54 | }
|
---|
[dbd4834] | 55 |
|
---|
[dfd5d87] | 56 | }
|
---|