From 7c8f36e1d6ad922c397acf12bca77de3a6f5f113 Mon Sep 17 00:00:00 2001
From: hzrd149 <github@hzrd149.com>
Date: Tue, 7 Feb 2023 17:04:19 -0600
Subject: [PATCH] fix scroll issue

---
 src/views/home/discover-tab.tsx  |  2 +-
 src/views/home/following-tab.tsx |  2 +-
 src/views/home/global-tab.tsx    | 62 +++++++++++++++-----------------
 3 files changed, 30 insertions(+), 36 deletions(-)

diff --git a/src/views/home/discover-tab.tsx b/src/views/home/discover-tab.tsx
index e97bb9d6a..d13263b4e 100644
--- a/src/views/home/discover-tab.tsx
+++ b/src/views/home/discover-tab.tsx
@@ -53,7 +53,7 @@ export const DiscoverTab = () => {
   const timeline = events.filter(isNote);
 
   return (
-    <Flex direction="column" overflow="auto" gap="2">
+    <Flex direction="column" gap="2">
       {timeline.map((event) => (
         <Note key={event.id} event={event} />
       ))}
diff --git a/src/views/home/following-tab.tsx b/src/views/home/following-tab.tsx
index 897aaf6f9..902272c11 100644
--- a/src/views/home/following-tab.tsx
+++ b/src/views/home/following-tab.tsx
@@ -30,7 +30,7 @@ export const FollowingTab = () => {
   const timeline = showReplies ? events : events.filter(isNote);
 
   return (
-    <Flex direction="column" overflow="auto" gap="2">
+    <Flex direction="column" gap="2">
       <FormControl display="flex" alignItems="center">
         <FormLabel htmlFor="show-replies" mb="0">
           Show Replies
diff --git a/src/views/home/global-tab.tsx b/src/views/home/global-tab.tsx
index f4901b795..267774846 100644
--- a/src/views/home/global-tab.tsx
+++ b/src/views/home/global-tab.tsx
@@ -32,40 +32,34 @@ export const GlobalTab = () => {
   const timeline = showReplies ? events : events.filter(isNote);
 
   return (
-    <>
-      <Flex direction="column" overflow="auto" gap="2">
-        <Flex gap="2">
-          <Select
-            placeholder="All Relays"
-            maxWidth="250"
-            value={selectedRelay}
-            onChange={(e) => {
-              setSelectedRelay(e.target.value);
-              loader.forgetEvents();
-            }}
-          >
-            {availableRelays.map((url) => (
-              <option key={url} value={url}>
-                {url}
-              </option>
-            ))}
-          </Select>
-          <FormControl display="flex" alignItems="center">
-            <Switch id="show-replies" isChecked={showReplies} onChange={onToggle} mr="2" />
-            <FormLabel htmlFor="show-replies" mb="0">
-              Show Replies
-            </FormLabel>
-          </FormControl>
-        </Flex>
-        {timeline.map((event) => (
-          <Note key={event.id} event={event} />
-        ))}
-        {loading ? (
-          <Spinner ml="auto" mr="auto" mt="8" mb="8" />
-        ) : (
-          <Button onClick={() => loadMore()}>Load More</Button>
-        )}
+    <Flex direction="column" gap="2">
+      <Flex gap="2">
+        <Select
+          placeholder="All Relays"
+          maxWidth="250"
+          value={selectedRelay}
+          onChange={(e) => {
+            setSelectedRelay(e.target.value);
+            loader.forgetEvents();
+          }}
+        >
+          {availableRelays.map((url) => (
+            <option key={url} value={url}>
+              {url}
+            </option>
+          ))}
+        </Select>
+        <FormControl display="flex" alignItems="center">
+          <Switch id="show-replies" isChecked={showReplies} onChange={onToggle} mr="2" />
+          <FormLabel htmlFor="show-replies" mb="0">
+            Show Replies
+          </FormLabel>
+        </FormControl>
       </Flex>
-    </>
+      {timeline.map((event) => (
+        <Note key={event.id} event={event} />
+      ))}
+      {loading ? <Spinner ml="auto" mr="auto" mt="8" mb="8" /> : <Button onClick={() => loadMore()}>Load More</Button>}
+    </Flex>
   );
 };