From 5d2284ce4ad0e7af0ba88396f8df244501b842bc Mon Sep 17 00:00:00 2001
From: Anton Kastritskiy <antonk52@meta.com>
Date: Tue, 18 Jul 2023 03:52:34 -0700
Subject: [PATCH] No device warning

Reviewed By: LukeDefeo

Differential Revision: D47473652

fbshipit-source-id: d4fe51c20cb555d3701aa112ccf3ea9edd23c903
---
 .../src/sandy-chrome/appinspect/NoDevices.tsx | 46 +++++++++++--------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/desktop/flipper-ui-core/src/sandy-chrome/appinspect/NoDevices.tsx b/desktop/flipper-ui-core/src/sandy-chrome/appinspect/NoDevices.tsx
index a0b0764bf..d6114df61 100644
--- a/desktop/flipper-ui-core/src/sandy-chrome/appinspect/NoDevices.tsx
+++ b/desktop/flipper-ui-core/src/sandy-chrome/appinspect/NoDevices.tsx
@@ -8,9 +8,9 @@
  */
 
 import React from 'react';
-import {RocketOutlined} from '@ant-design/icons';
-import {Alert, Typography} from 'antd';
-import {useTrackedCallback} from 'flipper-plugin';
+import {RocketOutlined, WarningOutlined} from '@ant-design/icons';
+import {Alert, Tooltip, Typography} from 'antd';
+import {useTrackedCallback, Layout, theme} from 'flipper-plugin';
 import {showEmulatorLauncher} from './LaunchEmulator';
 import {useStore} from '../../utils/useStore';
 
@@ -28,21 +28,29 @@ export function NoDevices() {
   );
 
   return (
-    <Alert
-      type="info"
-      message={
-        <>
-          <Title level={4}>No devices found</Title>
-          <Text>
-            Start a fresh emulator <RocketOutlined onClick={onLaunchEmulator} />{' '}
-            or check the{' '}
-            <Link href="https://fbflipper.com/docs/getting-started/troubleshooting/">
-              troubleshooting guide
-            </Link>
-            .
-          </Text>
-        </>
-      }
-    />
+    <Tooltip
+      title={
+        <Alert
+          type="info"
+          message={
+            <>
+              <Title level={4}>No devices found</Title>
+              <Text>
+                Start a fresh emulator{' '}
+                <RocketOutlined onClick={onLaunchEmulator} /> or check the{' '}
+                <Link href="https://fbflipper.com/docs/getting-started/troubleshooting/">
+                  troubleshooting guide
+                </Link>
+                .
+              </Text>
+            </>
+          }
+        />
+      }>
+      <Layout.Container
+        style={{alignItems: 'center', justifyContent: 'space-around'}}>
+        <WarningOutlined style={{fontSize: 32, color: theme.warningColor}} />
+      </Layout.Container>
+    </Tooltip>
   );
 }