From c3f3f2d1088b4d6b8fa4b898fde82f93d64ff6b8 Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Mon, 15 May 2023 01:54:55 +1000
Subject: [PATCH] improve chromium compatibility

---
 .../src/components/UI/Pagination/index.jsx             | 10 +++++-----
 pairent_frontend_react/src/pages/IndexPage/index.jsx   |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/pairent_frontend_react/src/components/UI/Pagination/index.jsx b/pairent_frontend_react/src/components/UI/Pagination/index.jsx
index 3afa876..d41aa39 100644
--- a/pairent_frontend_react/src/components/UI/Pagination/index.jsx
+++ b/pairent_frontend_react/src/components/UI/Pagination/index.jsx
@@ -26,7 +26,7 @@ const PageButton = styled.button`
     font-size: 11pt;
 
     ${ 
-        props => props.isCurrent ? 
+        props => props.is_active ? 
         `
             color: royalblue;
             font-weight: 600;
@@ -48,13 +48,12 @@ const FastButton = styled(PageButton)`
     background: url(/images/icons/dots.svg) no-repeat;
     background-position: center;
     background-size: 20px;
-    transform: translateY(-5px);
+    user-select: none;
 
     &:hover, &:active {
         background: url(/images/icons/caret-double-blue.svg) no-repeat;
         background-position: center;
-        background-size: 14px;
-        transform: translateY(-5px);    
+        background-size: 14px;  
     }
 `;
 
@@ -154,6 +153,7 @@ class Pagination extends React.Component {
                                                     this.updateValue(value + 3);
                                             }}
                                         >
+                                            &nbsp;
                                             
                                         </FastButton>
                                     );
@@ -161,7 +161,7 @@ class Pagination extends React.Component {
                                 return null;
                             }
 
-                        return <PageButton key={i} isCurrent={value == i} onClick={() => this.updateValue(i)}>{i + 1}</PageButton>
+                        return <PageButton key={i} is_active={value == i} onClick={() => this.updateValue(i)}>{i + 1}</PageButton>
                     })
                 }
 
diff --git a/pairent_frontend_react/src/pages/IndexPage/index.jsx b/pairent_frontend_react/src/pages/IndexPage/index.jsx
index 8376aa1..c1d90f8 100644
--- a/pairent_frontend_react/src/pages/IndexPage/index.jsx
+++ b/pairent_frontend_react/src/pages/IndexPage/index.jsx
@@ -11,7 +11,7 @@ import ApartamentService from "../../API/ApartamentService";
 import { HashLoader } from 'react-spinners';
 
 import AwesomeSlider from 'react-awesome-slider';
-import AwsSliderStyles from 'react-awesome-slider/src/styles?inline';
+import 'react-awesome-slider/dist/styles.css';
 
 import constants from "../../constants";
 
@@ -372,12 +372,12 @@ export default class IndexPage extends React.Component {
         let pages = Math.floor(this.state.apartments.length / pageSize);
 
         let current_data = this.state.apartments.slice((page * pageSize), (page * pageSize) + pageSize);
-        
+        // console.log(AwsSliderStyles)
 
         return (
             <IndexPageRoot>                
                 <SliderContainer>
-                    <AwesomeSlider cssModule={AwsSliderStyles} bullets={false}>
+                    <AwesomeSlider bullets={false}>
                         <div data-src='/images/house-s.jpg' />
                         <div data-src='/images/house-s-2.jpg' />
                     </AwesomeSlider>