add cringe buton to front

pairent_frontend_react/src/pages/IndexPage/index.jsx

@@ -155,6 +155,13 @@ const SliderContainer = styled.div`
     }
 `;
 
+const CringeButton = styled.button`
+    padding: 4px 8px;
+    font-size: 20pt;
+    border: 1px solid #c2c4c2;
+    border-radius: 6px;
+`;
+
 const FiltersForm = (props) => {
 
     const apart_sizes = [
@@ -336,7 +343,8 @@ export default class IndexPage extends React.Component {
             page: 1,
             data_loaded: false,
             load_err: false,
-            loading_filters: false
+            loading_filters: false,
+            isCringe: false
         };
 
         ApartamentService.getAll(100).then(data => {
@@ -384,9 +392,15 @@ export default class IndexPage extends React.Component {
                     </AutoplaySlider>
                 </SliderContainer>
 
-                <Title>
+                <Title
+                    onMouseEnter={() => {this.setState({isCringe: true})}}
+                    onMouseLeave={() => {this.setState({isCringe: false})}}
+                    >
                     Выбор квартиры во
-                    <span style={{color: '#0066ff'}}> Владивостоке</span>
+                    <span style={{color: '#0066ff'}}> {
+                            this.state.isCringe ?
+                            <CringeButton>кринж</CringeButton> : 
+                            'Владивостоке'}</span>
                 </Title>
 
                 <FiltersForm onSubmit={this.filterData} loading={this.state.loading_filters} />