highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-09-26 11:37:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

Unclutter notifications view

Browse Source
This commit is contained in:
hzrd149
2024-10-03 12:36:24 -05:00
parent 38bc52b4c9
commit e0e2ed9724
3 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/pink-hotels-behave.md Normal file
View File

@@ -0,0 +1,5 @@
---
"nostrudel": minor
---
Unclutter notifications view

7
src/views/notifications/components/notification-icon-entry.tsx
View File

@@ -84,11 +84,14 @@ const NotificationIconEntry = memo(
bg={!read ? focusColor : undefined}
ref={headerRef}
overflow="hidden"
_hover={{ backgroundColor: "var(--chakra-colors-card-hover-overlay)" }}
>
<Box>{icon}</Box>
<UserAvatar pubkey={pubkey} size="sm" />
<UserAvatar pubkey={pubkey} hideFrom="md" size="sm" />
<UserName pubkey={pubkey} hideBelow="md" />
<Text isTruncated>{summary}</Text>
<Text isTruncated color={read ? "GrayText" : undefined}>
{summary}
</Text>
<Spacer />
{read && <CheckIcon boxSize={5} color="green.500" />}
<Timestamp timestamp={timestamp} whiteSpace="pre" />

14
src/views/notifications/components/notification-item.tsx
View File

@@ -69,7 +69,7 @@ const ReplyNotification = forwardRef<HTMLDivElement, { event: NostrEvent; onClic
return (
<NotificationIconEntry
ref={ref}
icon={<ReplyIcon boxSize={8} color="green.400" />}
icon={<ReplyIcon boxSize={6} color="green.400" />}
id={event.id}
pubkey={event.pubkey}
timestamp={event.created_at}
@@ -101,7 +101,7 @@ const MentionNotification = forwardRef<HTMLDivElement, { event: NostrEvent; onCl
return (
<NotificationIconEntry
ref={ref}
icon={<AtIcon boxSize={8} color="purple.400" />}
icon={<AtIcon boxSize={6} color="purple.400" />}
id={event.id}
pubkey={event.pubkey}
timestamp={event.created_at}
@@ -122,7 +122,7 @@ const RepostNotification = forwardRef<HTMLDivElement, { event: NostrEvent; onCli
return (
<NotificationIconEntry
ref={ref}
icon={<RepostIcon boxSize={8} color="blue.400" />}
icon={<RepostIcon boxSize={6} color="blue.400" />}
id={event.id}
pubkey={event.pubkey}
timestamp={event.created_at}
@@ -150,14 +150,16 @@ const ReactionNotification = forwardRef<HTMLDivElement, { event: NostrEvent; onC
return (
<NotificationIconEntry
ref={ref}
icon={<Heart boxSize={8} color="red.400" />}
icon={<Heart boxSize={6} color="red.400" />}
id={event.id}
pubkey={event.pubkey}
timestamp={event.created_at}
summary={
<>
<ReactionIcon emoji={event.content} />
{reactedEvent?.content}
<Text fontStyle="italic" as="span" ml="2" mr="2" fontSize="sm">
{reactedEvent?.content}
</Text>
</>
}
onClick={onClick}
@@ -207,7 +209,7 @@ const ZapNotification = forwardRef<HTMLDivElement, { event: NostrEvent; onClick?
return (
<NotificationIconEntry
ref={ref}
icon={<LightningIcon boxSize={8} color="yellow.400" />}
icon={<LightningIcon boxSize={6} color="yellow.400" />}
id={event.id}
pubkey={zap.request.pubkey}
timestamp={zap.request.created_at}