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