Show disconnected status in plugin list

Summary: Connectivity indicator on plugin panel.

Reviewed By: passy

Differential Revision: D28843182

fbshipit-source-id: 49130e6b40c1bfcc4449b8a98b092d44dbda78bf

desktop/app/src/fb-stubs/user.tsx

@@ -90,7 +90,12 @@ export async function appendAccessTokenToUrl(_url: URL): Promise<string> {
 }
 
 const isLoggedInAtom = createState(false);
+const isConnectedAtom = createState(true);
 
 export function isLoggedIn(): Atom<boolean> {
   return isLoggedInAtom;
 }
+
+export function isConnected(): Atom<boolean> {
+  return isConnectedAtom;
+}

desktop/app/src/sandy-chrome/appinspect/PluginList.tsx

@@ -42,6 +42,7 @@ import {
 } from '../../reducers/pluginManager';
 import {BundledPluginDetails} from 'flipper-plugin-lib';
 import {reportUsage} from '../../utils/metrics';
+import ConnectivityStatus from './fb-stubs/ConnectivityStatus';
 
 const {SubMenu} = Menu;
 const {Text} = Typography;
@@ -176,7 +177,7 @@ export const PluginList = memo(function PluginList({
   );
   return (
     <Layout.Container>
-      <SidebarTitle>Plugins</SidebarTitle>
+      <SidebarTitle actions={<ConnectivityStatus />}>Plugins</SidebarTitle>
       <Layout.Container padv={theme.space.small} padh={theme.space.tiny}>
         <PluginMenu
           inlineIndent={8}

desktop/app/src/sandy-chrome/appinspect/fb-stubs/ConnectivityStatus.tsx

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+export default function ConnectivityStatus() {
+  return null;
+}