feat: Add tooltips to sidebar footer (#1888)

This commit is contained in:
George Hopkins 2024-03-22 14:01:18 +01:00 committed by GitHub
parent 7741a3e4ee
commit 9b7cdb2d48
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 24 additions and 20 deletions

View File

@ -84,8 +84,9 @@ const Notifications = () => {
return (
<StyledWrapper>
<div
className="relative"
<a
title="Notifications"
className="relative cursor-pointer"
onClick={() => {
dispatch(fetchNotifications());
setShowNotificationsModal(true);
@ -97,9 +98,9 @@ const Notifications = () => {
className={`mr-2 hover:text-gray-700 ${unreadNotifications?.length > 0 ? 'bell' : ''}`}
/>
{unreadNotifications.length > 0 && (
<div className="notification-count text-xs">{unreadNotifications.length}</div>
<span className="notification-count text-xs">{unreadNotifications.length}</span>
)}
</div>
</a>
{showNotificationsModal && (
<Modal

View File

@ -93,26 +93,29 @@ const Sidebar = () => {
<Collections />
</div>
<div className="footer flex px-1 py-2 absolute bottom-0 left-0 right-0 items-center cursor-pointer select-none">
<div className="footer flex px-1 py-2 absolute bottom-0 left-0 right-0 items-center select-none">
<div className="flex items-center ml-1 text-xs ">
<IconSettings
size={18}
strokeWidth={1.5}
className="mr-2 hover:text-gray-700"
<a
title="Preferences"
className="mr-2 cursor-pointer hover:text-gray-700"
onClick={() => dispatch(showPreferences(true))}
/>
<IconCookie
size={18}
strokeWidth={1.5}
className="mr-2 hover:text-gray-700"
>
<IconSettings size={18} strokeWidth={1.5} />
</a>
<a
title="Cookies"
className="mr-2 cursor-pointer hover:text-gray-700"
onClick={() => setCookiesOpen(true)}
/>
<IconHeart
size={18}
strokeWidth={1.5}
className="mr-2 hover:text-gray-700"
>
<IconCookie size={18} strokeWidth={1.5} />
</a>
<a
title="Golden Edition"
className="mr-2 cursor-pointer hover:text-gray-700"
onClick={() => setGoldenEditonOpen(true)}
/>
>
<IconHeart size={18} strokeWidth={1.5} />
</a>
<Notifications />
</div>
<div className="pl-1" style={{ position: 'relative', top: '3px' }}>