extern/bruno
1
0
Fork 1
mirror of https://github.com/usebruno/bruno.git synced 2025-06-25 14:31:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add tooltips to sidebar footer (#1888)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/bruno-app/src/components/Notifications/index.js
View File

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

35
packages/bruno-app/src/components/Sidebar/index.js
View File

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