remove virtuoso

Author: Chouikane

src/App.css

@@ -196,12 +196,12 @@ a {
   display: flex;
   flex-direction: column;
   overflow-x: hidden;
+  height: calc(80vh - 1% - 46px);
 }
 
 .scrollable {
   scrollbar-color: var(--scrollbar-accent-color) var(--scrollbar-background-color);
   scrollbar-width: thin;
-  overflow-y: hidden;
 }
 
 .scrollable::-webkit-scrollbar {
@@ -267,6 +267,10 @@ a {
   position: relative;
 }
 
+.blockRow:last-child {
+  padding-bottom: 42px;
+
+}
 /* Actions */
 .blockActions {
   position: absolute;
@@ -332,7 +336,8 @@ a {
   visibility: visible;
 }
 
-.blockContent > div > div > div:not(:last-child), .blockRow:not(:last-child) {
+/* .blockContent > div > div > div:not(:last-child), .blockRow:not(:last-child) */
+.blockRow:not(:last-child) {
   border-bottom: 1px solid var(--card-content-divider);
 }
 

src/components/CardComponent.js

@@ -22,7 +22,7 @@ function CardComponent({ icon, title, children, fullBlock, link }) {
           </a>
         )}
       </div>
-      {children}
+      <div className="blockContent scrollable">{children}</div>
     </div>
   )
 }

src/components/ListComponent.js

@@ -4,12 +4,6 @@ import { trackException } from '../utils/Analytics'
 import Placeholder from './Placeholder'
 import { Virtuoso } from 'react-virtuoso'
 
-function ListHeader(withAds) {
-  if (!withAds) {
-    return null
-  }
-  return <CarbonAd key={'carbonAd0'} />
-}
 
 function ListComponent({ fetchData, refresh, renderItem, withAds, placeholder = <Placeholder /> }) {
   const [items, setItems] = useState([])
@@ -43,15 +37,13 @@ function ListComponent({ fetchData, refresh, renderItem, withAds, placeholder =
       return
     }
 
-    return (
-      <Virtuoso
-        style={{ height: '71vh' }}
-        className="blockContent scrollable"
-        components={{ Header: () => ListHeader(withAds) }}
-        data={items}
-        itemContent={(index, item) => renderItem(item, index)}
-      />
-    )
+    return items.map((item, index) => {
+      let content = [renderItem(item, index)]
+      if (withAds && index == 0) {
+        content.unshift(<CarbonAd key={'carbonAd0'} />)
+      }
+      return content
+    })
   }
 
   function Placeholders() {