finish base filter form
This commit is contained in:
parent
ca749322f7
commit
aada1271a0
|
@ -122,7 +122,7 @@ const SearchBarSpacer = styled.div`
|
|||
margin: 0 20px
|
||||
`;
|
||||
|
||||
const FilterArea = styled.input`
|
||||
const SearchBarInput = styled.input`
|
||||
border: 0; background: 0;
|
||||
margin: 0 16px;
|
||||
margin-right: 0;
|
||||
|
@ -149,9 +149,15 @@ const FiltersForm = () => {
|
|||
per_day: false,
|
||||
per_month: false,
|
||||
|
||||
area_from: 0,
|
||||
area_to: 0,
|
||||
rooms: apart_sizes[2]
|
||||
area_from: '',
|
||||
area_to: '',
|
||||
|
||||
price_from: '',
|
||||
price_to: '',
|
||||
|
||||
address: '',
|
||||
|
||||
rooms: 0,
|
||||
};
|
||||
|
||||
|
||||
|
@ -188,7 +194,7 @@ const FiltersForm = () => {
|
|||
<SearchBarText>
|
||||
Площадь
|
||||
<span style={{color:'gray', paddingLeft: 10}}> от </span>
|
||||
<FilterArea
|
||||
<SearchBarInput
|
||||
type='text'
|
||||
placeholder='—'
|
||||
maxLength='3'
|
||||
|
@ -196,7 +202,7 @@ const FiltersForm = () => {
|
|||
onChange={(e) => setState({area_from: e.target.value})}/>
|
||||
|
||||
<span style={{color:'gray', paddingLeft: 10}}> до </span>
|
||||
<FilterArea
|
||||
<SearchBarInput
|
||||
type='text'
|
||||
placeholder='—'
|
||||
maxLength='3'
|
||||
|
@ -212,6 +218,35 @@ const FiltersForm = () => {
|
|||
value={state.rooms} />
|
||||
|
||||
<SearchBarSpacer />
|
||||
|
||||
Цена
|
||||
|
||||
<span style={{color:'gray', paddingLeft: 6}}> от </span>
|
||||
<SearchBarInput
|
||||
type='text'
|
||||
placeholder='—'
|
||||
value={state.price_from}
|
||||
onChange={(e) => setState({price_from: e.target.value})}
|
||||
style={{width:60}} />
|
||||
|
||||
<span style={{color:'gray', paddingLeft: 6}}> до </span>
|
||||
<SearchBarInput
|
||||
type='text'
|
||||
placeholder='—'
|
||||
value={state.price_to}
|
||||
onChange={(e) => setState({price_to: e.target.value})}
|
||||
style={{width:60}} />
|
||||
|
||||
₽
|
||||
|
||||
<SearchBarSpacer />
|
||||
|
||||
<SearchBarInput
|
||||
type='text'
|
||||
placeholder='Район, квартал, ж/д, индекс...'
|
||||
value={state.address}
|
||||
onChange={(e) => setState({address: e.target.value})}
|
||||
style={{width:300,marginLeft:0}} />
|
||||
</SearchBarText>
|
||||
</SearchBarFilter>
|
||||
|
||||
|
|
Loading…
Reference in New Issue