From 25149cc8c90a5546b47ac1b5b89eecdc2eb1f228 Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Wed, 15 Feb 2023 08:27:19 -0800
Subject: [PATCH] Added bgs on android ID + cleanup

Summary:
Paddings and alignments were improved also

changelog:
UIDebugger - Added ability to big grep search based on android ID if available

Reviewed By: lblasa

Differential Revision: D43159228

fbshipit-source-id: e2d7190ea2411e936ba065328bcc375c64619e8f
---
 .../sidebar/inspector/IdentityInspector.tsx     | 17 ++++++-----------
 .../components/sidebar/inspector/Styles.tsx     | 10 +++++++---
 .../inspector/fb-stubs/CodeInspector.tsx        |  1 +
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/IdentityInspector.tsx b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/IdentityInspector.tsx
index 24100dfe8..a51082868 100644
--- a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/IdentityInspector.tsx
+++ b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/IdentityInspector.tsx
@@ -40,17 +40,12 @@ export const IdentityInspector: React.FC<Props> = ({node}) => {
           <IdentityValue title={node.name}>{node.name}</IdentityValue>
         </Col>
       </Row>
-      <Row gutter={4}>
-        <Col span="10">
-          <IdentityKey>Qualified name:</IdentityKey>
-        </Col>
-        <Col span="14">
-          <IdentityValue title={node.qualifiedName}>
-            {node.qualifiedName}
-          </IdentityValue>
-        </Col>
-      </Row>
-      <CodeInspector name={node.qualifiedName} tags={node.tags} />
+
+      <CodeInspector
+        name={node.qualifiedName}
+        tags={node.tags}
+        androidId={node.inlineAttributes['id']}
+      />
     </IdentityContainer>
   );
 };
diff --git a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/Styles.tsx b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/Styles.tsx
index 1061ce4a4..8337ee32a 100644
--- a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/Styles.tsx
+++ b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/Styles.tsx
@@ -26,12 +26,16 @@ export const InspectorStyle = {
   },
 } as const;
 
-export const RowStyle = {
-  marginTop: 4,
-  marginBottom: 4,
+export const BottomBorder = {
   borderStyle: 'solid',
   borderColor: theme.dividerColor,
   borderWidth: '0 0 1px 0',
+};
+
+export const RowStyle = {
+  ...BottomBorder,
+  marginTop: 4,
+  marginBottom: 4,
 } as const;
 
 export const ObjectContainerStyle = {
diff --git a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/fb-stubs/CodeInspector.tsx b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/fb-stubs/CodeInspector.tsx
index 0189fb867..732d174cc 100644
--- a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/fb-stubs/CodeInspector.tsx
+++ b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/fb-stubs/CodeInspector.tsx
@@ -13,6 +13,7 @@ import {Tag} from '../../../../types';
 type CodeInspectorProps = {
   tags: Tag[];
   name: string;
+  androidId?: string;
 };
 export const CodeInspector: React.FC<CodeInspectorProps> = () => {
   return <></>;