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

Destroy the blue bubble

Browse Source
This commit is contained in:
Marshall Polaris 2022-06-01 13:05:50 -07:00
parent 78a359407d
commit 9815d38f1f
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/components/notifications-icon.tsx
View File

@ -21,14 +21,19 @@ export default function NotificationsIcon(props: { className?: string }) {
if (user) return listenForNotifications(user.id, setNotifications, true)
}, [user])
// mqp - kill this until you can control what notifications you get, or
// until the defaults aren't so spammy
const notificationCountBubble = null
// const notificationCountBubble = (
// <div className="-mt-0.75 absolute ml-3.5 min-w-[15px] rounded-full bg-indigo-500 p-[2px] text-center text-[10px] leading-3 text-white lg:-mt-1 lg:ml-2">
// {notifications && notifications.length}
// </div>
// )
return (
<Row className={clsx('justify-center')}>
<div className={'relative'}>
{notifications && notifications.length > 0 && (
<div className="-mt-0.75 absolute ml-3.5 min-w-[15px] rounded-full bg-indigo-500 p-[2px] text-center text-[10px] leading-3 text-white lg:-mt-1 lg:ml-2">
{notifications.length}
</div>
)}
{notifications && notifications.length && notificationCountBubble}
<BellIcon className={clsx(props.className)} />
</div>
</Row>