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 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
Show Stats 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 (
<Flex gap="2" alignItems="center">
<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}
</Link>
<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 useTimelineLoader from "../../hooks/use-timeline-loader";
import { TORRENT_COMMENT_KIND } from "../../helpers/nostr/torrents";
import { useUserInbox } from "../../hooks/use-user-mailboxes";
type NotificationTimelineContextType = {
timeline?: TimelineLoader;
@ -24,7 +25,8 @@ export function useNotificationTimeline() {
export default function NotificationTimelineProvider({ children }: PropsWithChildren) {
const account = useCurrentAccount();
const inbox = useReadRelays();
const inbox = useUserInbox(account?.pubkey);
const readRelays = useReadRelays(inbox);
const userMuteFilter = useClientSideMuteFilter();
const eventFilter = useCallback(
@ -37,7 +39,7 @@ export default function NotificationTimelineProvider({ children }: PropsWithChil
const timeline = useTimelineLoader(
`${account?.pubkey ?? "anon"}-notification`,
inbox,
readRelays,
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]);
return (
<Flex key={relay} gap="2" alignItems="center">
<Flex key={relay} gap="2" alignItems="center" overflow="hidden">
<RelayFavicon relay={relay} size="xs" />
<Link as={RouterLink} to={`/r/${encodeURIComponent(relay)}`}>
<Link as={RouterLink} to={`/r/${encodeURIComponent(relay)}`} isTruncated>
{relay}
</Link>
<IconButton