Pr/2048 (codesandbox#2067)

* Add tooltip for Notifications button

* Update packages/app/src/app/pages/common/Navigation/index.js

Author: SaraVieira

packages/app/src/app/pages/common/Navigation/index.tsx

@@ -105,8 +105,10 @@ const Navigation = ({ title, searchNoInput }: Props) => {
                   style={{ position: 'relative', fontSize: '1.25rem' }}
                   onClick={open}
                 >
-                  <BellIcon height={35} />
-                  {userNotifications.unreadCount > 0 && <UnreadIcon />}
+                  <Tooltip placement="bottom" content={store.userNotifications.unreadCount > 0 ? 'Show Notifications' : 'No Notifications'}>
+                    <BellIcon height={35} />
+                    {userNotifications.unreadCount > 0 && <UnreadIcon />}
+                  </Tooltip>
                 </Action>
               )}
             </OverlayComponent>
@@ -130,5 +132,5 @@ const Navigation = ({ title, searchNoInput }: Props) => {
       </Wrapper>
     </Row>
   );
-}
+};
 export default observer(Navigation);