open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Lighten unseen notifs

Browse Source
This commit is contained in:
Ian Philips 2022-07-15 16:57:58 -06:00
parent 2543bdcdfc
commit eed7990c3c
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/pages/notifications.tsx
View File

@ -46,6 +46,7 @@ import Router from 'next/router'
export const NOTIFICATIONS_PER_PAGE = 30
const MULTIPLE_USERS_KEY = 'multipleUsers'
const HIGHLIGHT_CLASS = 'bg-indigo-50'
export default function Notifications() {
const user = useUser()
@ -240,7 +241,7 @@ function IncomeNotificationGroupItem(props: {
'relative cursor-pointer bg-white px-2 pt-6 text-sm',
className,
!expanded ? 'hover:bg-gray-100' : '',
highlighted && !expanded ? 'bg-indigo-200 hover:bg-indigo-100' : ''
highlighted && !expanded ? HIGHLIGHT_CLASS : ''
)}
onClick={onClickHandler}
>
@ -378,7 +379,7 @@ function IncomeNotificationItem(props: {
<div
className={clsx(
'bg-white px-2 pt-6 text-sm sm:px-4',
highlighted && 'bg-indigo-200 hover:bg-indigo-100'
highlighted && HIGHLIGHT_CLASS
)}
>
<a href={getSourceUrl(notification)}>
@ -447,7 +448,7 @@ function NotificationGroupItem(props: {
'relative cursor-pointer bg-white px-2 pt-6 text-sm',
className,
!expanded ? 'hover:bg-gray-100' : '',
highlighted && !expanded ? 'bg-indigo-200 hover:bg-indigo-100' : ''
highlighted && !expanded ? HIGHLIGHT_CLASS : ''
)}
onClick={onClickHandler}
>
@ -593,7 +594,7 @@ function NotificationItem(props: {
<div
className={clsx(
'bg-white px-2 pt-6 text-sm sm:px-4',
highlighted && 'bg-indigo-200 hover:bg-indigo-100'
highlighted && HIGHLIGHT_CLASS
)}
>
<div