Merge branch 'main' of https://github.com/JudgedSauce7/SoundChain int…

…o main
JudgedSauce7 · Nov 29, 2020 · c914496 · c914496
2 parents 2f39bd9 + f37bc3d
commit c914496
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 1 deletion.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -12,6 +12,7 @@
     "react": "16.11.0",
     "react-audio-player": "^0.14.0",
     "react-chartjs-2": "^2.11.1",
+    "react-custom-scrollbars": "^4.2.1",
     "react-dom": "16.11.0",
     "react-h5-audio-player": "^3.5.0",
     "react-identicons": "^1.2.4",

diff --git a/client/src/containers/Body/components/Explore.js b/client/src/containers/Body/components/Explore.js
@@ -4,6 +4,7 @@ import { HeartFilled, HeartOutlined, SendOutlined } from "@ant-design/icons";
 import Identicon from "identicon.js";
 import Ethlogo from "../../../assets/images/ethlogo.png";
 import AudioPlayer from "react-h5-audio-player";
+import { Scrollbars } from 'react-custom-scrollbars';
 import "react-h5-audio-player/lib/styles.css";
 import "../style.css";
 
@@ -55,18 +56,21 @@ export default class Explore extends Component {
               height: "100vh",
             }}
           >
+            <Scrollbars>
             <Card
               style={{
                 width: "90%",
                 height: "100%",
                 display: "flex",
                 justifyContent: "center",
-                overflowY: "scroll",
+                //overflowY: "scroll",
                 marginBottom: 20,
               }}
               hoverable
             >
+
               <Row gutter={10}>
+
                 {uploads
                   .filter(
                     (upload) =>
@@ -257,8 +261,11 @@ export default class Explore extends Component {
                       </Col>
                     );
                   })}
+
               </Row>
+
             </Card>
+            </Scrollbars>
           </Col>
         </Row>
       </div>