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

Don't collapse/expand notifs with ctrl/cmd click

Browse Source
This commit is contained in:
Ian Philips 2022-07-14 11:56:40 -06:00
parent 6a28643215
commit d9279e42cc
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/pages/notifications.tsx
View File

@ -157,6 +157,11 @@ function IncomeNotificationGroupItem(props: {
notifications.some((n) => !n.isSeen)
)
const onClickHandler = (event: React.MouseEvent<HTMLDivElement>) => {
if (event.ctrlKey || event.metaKey) return
setExpanded(!expanded)
}
useEffect(() => {
setNotificationsAsSeen(notifications)
}, [notifications])
@ -231,7 +236,7 @@ function IncomeNotificationGroupItem(props: {
!expanded ? 'hover:bg-gray-100' : '',
highlighted && !expanded ? 'bg-indigo-200 hover:bg-indigo-100' : ''
)}
onClick={() => setExpanded(!expanded)}
onClick={onClickHandler}
>
{expanded && (
<span
@ -245,7 +250,7 @@ function IncomeNotificationGroupItem(props: {
/>
<div
className={'ml-2 flex w-full flex-row flex-wrap truncate'}
onClick={() => setExpanded(!expanded)}
onClick={onClickHandler}
>
<div className={'flex w-full flex-row justify-between'}>
<div>
@ -416,6 +421,12 @@ function NotificationGroupItem(props: {
const [highlighted, setHighlighted] = useState(
notifications.some((n) => !n.isSeen)
)
const onClickHandler = (event: React.MouseEvent<HTMLDivElement>) => {
if (event.ctrlKey || event.metaKey) return
setExpanded(!expanded)
}
useEffect(() => {
setNotificationsAsSeen(notifications)
}, [notifications])
@ -432,7 +443,7 @@ function NotificationGroupItem(props: {
!expanded ? 'hover:bg-gray-100' : '',
highlighted && !expanded ? 'bg-indigo-200 hover:bg-indigo-100' : ''
)}
onClick={() => setExpanded(!expanded)}
onClick={onClickHandler}
>
{expanded && (
<span