diff --git a/pairent_frontend_react/src/pages/IndexPage/index.jsx b/pairent_frontend_react/src/pages/IndexPage/index.jsx index 1e03160..419b376 100644 --- a/pairent_frontend_react/src/pages/IndexPage/index.jsx +++ b/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 { - + <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>