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

fix unread color in light mode

Browse Source
This commit is contained in:
hzrd149
2024-08-31 09:49:05 -05:00
parent f664e6e2a1
commit 12f984e0f5
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
import { Box, Flex, Spacer, Text } from "@chakra-ui/react"; import { Box, Flex, Spacer, Text, useColorModeValue } from "@chakra-ui/react";
import { PropsWithChildren, ReactNode, forwardRef, memo, useCallback, useContext, useEffect } from "react"; import { PropsWithChildren, ReactNode, forwardRef, memo, useCallback, useContext, useEffect } from "react";
import UserAvatar from "../../../components/user/user-avatar"; import UserAvatar from "../../../components/user/user-avatar";
import Timestamp from "../../../components/timestamp"; import Timestamp from "../../../components/timestamp";
@@ -23,6 +23,7 @@ const NotificationIconEntry = memo(
({ children, icon, pubkey, timestamp, summary, id, onClick }, ref) => { ({ children, icon, pubkey, timestamp, summary, id, onClick }, ref) => {
const { id: focused, focus } = useContext(FocusedContext); const { id: focused, focus } = useContext(FocusedContext);
const [read, setRead] = useReadStatus(id, ONE_MONTH); const [read, setRead] = useReadStatus(id, ONE_MONTH);
const focusColor = useColorModeValue("blackAlpha.100", "whiteAlpha.100");
const expanded = focused === id; const expanded = focused === id;
@@ -42,7 +43,7 @@ const NotificationIconEntry = memo(
}, [read, expanded]); }, [read, expanded]);
return ( return (
<Flex direction="column" bg={expanded || !read ? "whiteAlpha.100" : undefined} rounded="md"> <Flex direction="column" bg={expanded ? "whiteAlpha.100" : undefined} rounded="md">
<Flex <Flex
gap="2" gap="2"
alignItems="center" alignItems="center"
@@ -53,7 +54,7 @@ const NotificationIconEntry = memo(
onFocus={onClick ? undefined : focusSelf} onFocus={onClick ? undefined : focusSelf}
onClick={onClick} onClick={onClick}
userSelect="none" userSelect="none"
bg={expanded ? "whiteAlpha.100" : undefined} bg={expanded || !read ? focusColor : undefined}
> >
<Box>{icon}</Box> <Box>{icon}</Box>
<UserAvatar pubkey={pubkey} size="sm" /> <UserAvatar pubkey={pubkey} size="sm" />