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

small fix for mobile layout

Browse Source 
fix global streams page
This commit is contained in:
hzrd149 2023-12-01 13:04:34 -06:00
parent 2786f8487a
commit e68d86456c
4 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/layout/index.tsx
View File

@ -34,7 +34,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
return (
<>
<ReloadPrompt mb="2" />
<Flex direction={{ base: "column", md: "row" }}>
<Flex direction={{ base: "column", md: "row" }} minH="100vh">
<Spacer display={["none", null, "block"]} />
{!isMobile && <DesktopSideNav position="sticky" top="0" flexShrink={0} />}
<Container

2
src/views/channels/channel.tsx
View File

@ -22,7 +22,7 @@ function ChannelPage({ channel }: { channel: NostrEvent }) {
const drawer = useDisclosure();
return (
<Flex h="full" overflow="hidden" direction="column" p="2" gap="2">
<Flex h="full" overflow="hidden" direction="column" p="2" gap="2" flexGrow={1}>
<Flex gap="2" alignItems="center">
<Button leftIcon={<ChevronLeftIcon />} onClick={() => navigate(-1)}>
Back

4
src/views/channels/components/channel-chat-log.tsx
View File

@ -9,7 +9,6 @@ import IntersectionObserverProvider from "../../../providers/intersection-observ
import useSubject from "../../../hooks/use-subject";
import ChannelChatMessage from "./channel-chat-message";
import useClientSideMuteFilter from "../../../hooks/use-client-side-mute-filter";
import { isReply } from "../../../helpers/nostr/events";
import { LightboxProvider } from "../../../components/lightbox-provider";
export default function ChannelChatLog({
@ -21,7 +20,6 @@ export default function ChannelChatLog({
const eventFilter = useCallback(
(e: NostrEvent) => {
if (clientMuteFilter(e)) return false;
if (isReply(e)) return false;
return true;
},
[clientMuteFilter],
@ -42,7 +40,7 @@ export default function ChannelChatLog({
return (
<IntersectionObserverProvider callback={callback}>
<LightboxProvider>
<Flex direction="column-reverse" overflowX="hidden" overflowY="auto" gap="2" {...props}>
<Flex direction="column-reverse" overflowX="hidden" overflowY="auto" gap="2" h="0" {...props}>
{messages.map((message) => (
<ChannelChatMessage key={message.id} channel={channel} message={message} />
))}

6
src/views/streams/index.tsx
View File

@ -35,14 +35,14 @@ function StreamsPage() {
const { filter, listId } = usePeopleListContext();
const query = useMemo<NostrRequestFilter | undefined>(() => {
if (!listId || !filter) return undefined;
if (!filter) return undefined;
return [
{ authors: filter.authors, kinds: [STREAM_KIND] },
{ "#p": filter.authors, kinds: [STREAM_KIND] },
];
}, [filter, listId]);
}, [filter]);
const timeline = useTimelineLoader(`${listId}-streams`, relays, query, { eventFilter });
const timeline = useTimelineLoader(`${listId ?? "global"}-streams`, relays, query, { eventFilter });
useRelaysChanged(relays, () => timeline.reset());