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