finish base filter form

pairent_frontend_react/src/pages/IndexPage/index.jsx

@@ -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_from: '',
-        area_to: 0,
+        area_to: '',
-        rooms: apart_sizes[2]
+        
+        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>