mirror of
https://github.com/usebruno/bruno.git
synced 2024-11-21 23:43:15 +01:00
feat: Add tooltips to sidebar footer (#1888)
This commit is contained in:
parent
7741a3e4ee
commit
9b7cdb2d48
@ -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
|
||||
|
@ -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' }}>
|
||||
|
Loading…
Reference in New Issue
Block a user