Cleanup global notifications UI

Summary: We don't need to show plugin-related details and button "open globalError" (which anyway doesn't work) when showing global notifications.

Reviewed By: passy

Differential Revision: D28900468

fbshipit-source-id: 54347ede4f1e4dbfb0e41be5c50374fda35c1223

desktop/app/src/reducers/notifications.tsx

@@ -12,6 +12,8 @@ import {Actions} from './';
 import {getStringFromErrorLike} from '../utils';
 import React from 'react';
 
+export const GLOBAL_NOTIFICATION_PLUGIN_ID = 'Flipper';
+
 export type PluginNotification = {
   notification: Notification;
   pluginId: string;
@@ -208,7 +210,7 @@ export function addErrorNotification(
   console.warn(title, message, error);
   return addNotification({
     client: null,
-    pluginId: 'globalError',
+    pluginId: GLOBAL_NOTIFICATION_PLUGIN_ID,
     notification: {
       id: title,
       title,

desktop/app/src/sandy-chrome/notification/Notification.tsx

@@ -24,6 +24,7 @@ import {useDispatch, useStore} from '../../utils/useStore';
 import {selectPlugin} from '../../reducers/connections';
 import {
   clearAllNotifications,
+  GLOBAL_NOTIFICATION_PLUGIN_ID,
   PluginNotification as PluginNotificationOrig,
   updateCategoryBlocklist,
   updatePluginBlocklist,
@@ -39,7 +40,7 @@ type NotificationExtra = {
   onHidePlugin: () => void;
   clientName: string | undefined;
   appName: string | undefined;
-  pluginName: string;
+  pluginName: string | null | undefined;
   iconName: string | null | undefined;
 };
 type PluginNotification = NotificationData & NotificationExtra;
@@ -152,9 +153,11 @@ function NotificationEntry({notification}: {notification: PluginNotification}) {
         </Layout.Horizontal>
         {actions}
       </Layout.Right>
-      <Title level={4} ellipsis={{rows: 2}}>
+      <Title level={4} ellipsis={{rows: 3}}>
         {title}
       </Title>
+      {pluginName !== GLOBAL_NOTIFICATION_PLUGIN_ID && (
+        <>
           <Text type="secondary" style={{fontSize: theme.fontSize.small}}>
             {clientName && appName
               ? `${clientName}/${appName}`
@@ -163,6 +166,8 @@ function NotificationEntry({notification}: {notification: PluginNotification}) {
           <Button style={{width: 'fit-content'}} size="small" onClick={onOpen}>
             Open {pluginName}
           </Button>
+        </>
+      )}
       <DetailCollapse detail={message} />
     </ItemContainer>
   );