highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-09-27 20:17:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix relay url overflowing

Browse Source
This commit is contained in:
hzrd149
2024-01-29 16:37:47 +00:00
parent 3ec46822dd
commit f41b511113
3 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/relay-management-drawer/index.tsx
View File

@@ -60,7 +60,7 @@ function RelayControl({ url }: { url: string }) {
return ( return (
<Flex gap="2" alignItems="center"> <Flex gap="2" alignItems="center">
<RelayFavicon relay={url} size="xs" outline="2px solid" outlineColor={color} /> <RelayFavicon relay={url} size="xs" outline="2px solid" outlineColor={color} />
<Link as={RouterLink} to={`/r/${encodeURIComponent(url)}`}> <Link as={RouterLink} to={`/r/${encodeURIComponent(url)}`} isTruncated>
{url} {url}
</Link> </Link>
<IconButton <IconButton

6
src/providers/global/notification-timeline.tsx
View File

@@ -8,6 +8,7 @@ import { NostrEvent } from "../../types/nostr-event";
import useClientSideMuteFilter from "../../hooks/use-client-side-mute-filter"; import useClientSideMuteFilter from "../../hooks/use-client-side-mute-filter";
import useTimelineLoader from "../../hooks/use-timeline-loader"; import useTimelineLoader from "../../hooks/use-timeline-loader";
import { TORRENT_COMMENT_KIND } from "../../helpers/nostr/torrents"; import { TORRENT_COMMENT_KIND } from "../../helpers/nostr/torrents";
import { useUserInbox } from "../../hooks/use-user-mailboxes";
type NotificationTimelineContextType = { type NotificationTimelineContextType = {
timeline?: TimelineLoader; timeline?: TimelineLoader;
@@ -24,7 +25,8 @@ export function useNotificationTimeline() {
export default function NotificationTimelineProvider({ children }: PropsWithChildren) { export default function NotificationTimelineProvider({ children }: PropsWithChildren) {
const account = useCurrentAccount(); const account = useCurrentAccount();
const inbox = useReadRelays(); const inbox = useUserInbox(account?.pubkey);
const readRelays = useReadRelays(inbox);
const userMuteFilter = useClientSideMuteFilter(); const userMuteFilter = useClientSideMuteFilter();
const eventFilter = useCallback( const eventFilter = useCallback(
@@ -37,7 +39,7 @@ export default function NotificationTimelineProvider({ children }: PropsWithChil
const timeline = useTimelineLoader( const timeline = useTimelineLoader(
`${account?.pubkey ?? "anon"}-notification`, `${account?.pubkey ?? "anon"}-notification`,
inbox, readRelays,
account?.pubkey account?.pubkey
? { ? {
"#p": [account.pubkey], "#p": [account.pubkey],

4
src/views/mailboxes/index.tsx
View File

@@ -40,9 +40,9 @@ function RelayLine({ relay, mode, list }: { relay: string; mode: RelayMode; list
}, [relay, mode, list, publish]); }, [relay, mode, list, publish]);
return ( return (
<Flex key={relay} gap="2" alignItems="center"> <Flex key={relay} gap="2" alignItems="center" overflow="hidden">
<RelayFavicon relay={relay} size="xs" /> <RelayFavicon relay={relay} size="xs" />
<Link as={RouterLink} to={`/r/${encodeURIComponent(relay)}`}> <Link as={RouterLink} to={`/r/${encodeURIComponent(relay)}`} isTruncated>
{relay} {relay}
</Link> </Link>
<IconButton <IconButton