highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-03-26 17:52:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix scroll issue

Browse Source
This commit is contained in:
hzrd149 2023-02-07 17:04:19 -06:00
parent cdccdccd33
commit 7c8f36e1d6
3 changed files with 30 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/home/discover-tab.tsx
View File

@ -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} />
))}

2
src/views/home/following-tab.tsx
View File

@ -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

62
src/views/home/global-tab.tsx
View File

@ -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>
);
};