From d3607ee6f1cc38ecadfefc09aff6f50cc33492fa Mon Sep 17 00:00:00 2001
From: shanejonas <jonas.shane@gmail.com>
Date: Wed, 14 Oct 2020 14:54:07 -0700
Subject: [PATCH] fix: remove scroll to bottom

---
 package-lock.json                    | 56 ++--------------------------
 package.json                         |  1 -
 src/components/cardList/cardList.tsx | 13 +------
 3 files changed, 6 insertions(+), 64 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 42ae7a8..d3261b8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3538,11 +3538,6 @@
       "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
       "dev": true
     },
-    "bowser": {
-      "version": "1.9.4",
-      "resolved": "https://registry.npmjs.org/bowser/-/bowser-1.9.4.tgz",
-      "integrity": "sha512-9IdMmj2KjigRq6oWhmwv1W36pDuA4STQZ8q6YO9um+x07xgYNCD3Oou+WP/3L1HNz7iqythGet3/p4wvc8AAwQ=="
-    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -4059,11 +4054,6 @@
         }
       }
     },
-    "classnames": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
-      "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
-    },
     "clean-css": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz",
@@ -4694,15 +4684,6 @@
         }
       }
     },
-    "css-in-js-utils": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz",
-      "integrity": "sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==",
-      "requires": {
-        "hyphenate-style-name": "^1.0.2",
-        "isobject": "^3.0.1"
-      }
-    },
     "css-loader": {
       "version": "3.4.2",
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.4.2.tgz",
@@ -7207,18 +7188,6 @@
         "assert-plus": "^1.0.0"
       }
     },
-    "glamor": {
-      "version": "2.20.40",
-      "resolved": "https://registry.npmjs.org/glamor/-/glamor-2.20.40.tgz",
-      "integrity": "sha512-DNXCd+c14N9QF8aAKrfl4xakPk5FdcFwmH7sD0qnC0Pr7xoZ5W9yovhUrY/dJc3psfGGXC58vqQyRtuskyUJxA==",
-      "requires": {
-        "fbjs": "^0.8.12",
-        "inline-style-prefixer": "^3.0.6",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.5.10",
-        "through": "^2.3.8"
-      }
-    },
     "glob": {
       "version": "7.1.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
@@ -7853,15 +7822,6 @@
       "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
       "dev": true
     },
-    "inline-style-prefixer": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-3.0.8.tgz",
-      "integrity": "sha1-hVG45bTVcyROZqNLBPfTIHaitTQ=",
-      "requires": {
-        "bowser": "^1.7.3",
-        "css-in-js-utils": "^2.0.0"
-      }
-    },
     "inquirer": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-6.2.1.tgz",
@@ -8274,7 +8234,8 @@
     "isobject": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
-      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+      "dev": true
     },
     "isomorphic-fetch": {
       "version": "2.2.1",
@@ -12848,16 +12809,6 @@
         }
       }
     },
-    "react-scroll-to-bottom": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/react-scroll-to-bottom/-/react-scroll-to-bottom-2.0.0.tgz",
-      "integrity": "sha512-SqximTdEeu+yWREPhCjnXFzhfrHkWlmIQxTNS7A2/DfamniOaakPdFadM8becw544Iw2XFYAUmiYTeFAEzfH8A==",
-      "requires": {
-        "classnames": "^2.2.6",
-        "glamor": "^2.20.40",
-        "prop-types": "15.7.2"
-      }
-    },
     "react-transition-group": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.1.tgz",
@@ -14767,7 +14718,8 @@
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU="
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
+      "dev": true
     },
     "through2": {
       "version": "2.0.5",
diff --git a/package.json b/package.json
index 3258715..0b015e2 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,6 @@
     "react": "16.12.0",
     "react-dom": "16.12.0",
     "react-i18next": "^10.13.1",
-    "react-scroll-to-bottom": "^2.0.0",
     "use-dark-mode": "^2.3.1"
   },
   "rescripts": [
diff --git a/src/components/cardList/cardList.tsx b/src/components/cardList/cardList.tsx
index ce78f36..485366a 100644
--- a/src/components/cardList/cardList.tsx
+++ b/src/components/cardList/cardList.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import { IJSONRPCLog } from "../logsReact/logsReact";
 import CardListItem from "../cardListItem/cardListItem";
-import ScrollToBottom from "react-scroll-to-bottom";
 import "./cardList.css";
 
 interface IProps {
@@ -21,7 +20,7 @@ const CardList: React.FC<IProps> = (props) => {
   };
 
   return (
-    <div style={{ width: "100%" }}>
+    <div style={{ width: "100%", height: "100%", overflow: "auto" }}>
       {props.logs.map((call, i) => (
         cardRender(call, i)
       ))}
@@ -29,12 +28,4 @@ const CardList: React.FC<IProps> = (props) => {
   );
 };
 
-export default (props) => (
-  <ScrollToBottom className="scroll-to-bottom">
-    <CardList
-      logs={props.logs}
-      filter={props.filter}
-      openRecentPayload={props.openRecentPayload}
-    />
-  </ScrollToBottom>
-);
+export default CardList;