Add tooltip to notification statusbar item

- adds a tooltip to the `notification` statusbar item.
- displays `Hide Notifications` when the notification center is expanded.
- displays `No Notifications` when the notification center is collapsed and no notifications are present.
- displays `{count} Notifications` when the notification center is collapsed and notifications are present.

Signed-off-by: vince-fugnitto <[email protected]>

packages/messages/src/browser/notifications-contribution.ts

@@ -51,12 +51,19 @@ export class NotificationsContribution implements FrontendApplicationContributio
             text: this.getStatusBarItemText(count),
             alignment: StatusBarAlignment.RIGHT,
             priority: -900,
-            command: NotificationsCommands.TOGGLE.id
+            command: NotificationsCommands.TOGGLE.id,
+            tooltip: this.getStatusBarItemTooltip(count)
         });
     }
     protected getStatusBarItemText(count: number): string {
         return `$(bell) ${count ? ` ${count}` : '' }`;
     }
+    protected getStatusBarItemTooltip(count: number): string {
+        if (this.manager.centerVisible) {
+            return 'Hide Notifications';
+        }
+        return `${count ? `${count} Notifications` : 'No Notifications'}`;
+    }
 
     registerCommands(commands: CommandRegistry): void {
         commands.registerCommand(NotificationsCommands.TOGGLE, {