Add icon for litho mountables

Summary: Requested by litho team Changelog: UIDebugger Add seperate icon for litho mountables Changelog: UIDebugger Serialize all props using java.lang.toString Changelog: UIDebugger show drawables mounted by litho Reviewed By: lblasa Differential Revision: D47295799 fbshipit-source-id: ce5b9384e4796a5c58080a289709ed9f7afdf329
facebook · Jul 17, 2023 · 2111067 · 2111067
1 parent 9ef69bd
commit 2111067
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/desktop/plugins/public/ui-debugger/components/Tree.tsx b/desktop/plugins/public/ui-debugger/components/Tree.tsx
@@ -461,7 +461,9 @@ function HighlightedText(props: {text: string}) {
 }
 
 function nodeIcon(node: UINode) {
-  if (node.tags.includes('Litho')) {
+  if (node.tags.includes('LithoMountable')) {
+    return <DecorationImage src="icons/litho-logo-blue.png" />;
+  } else if (node.tags.includes('Litho')) {
     return <DecorationImage src="icons/litho-logo.png" />;
   } else if (node.tags.includes('CK')) {
     if (node.tags.includes('iOS')) {

diff --git a/desktop/plugins/public/ui-debugger/types.tsx b/desktop/plugins/public/ui-debugger/types.tsx
@@ -221,6 +221,7 @@ export type Tag =
   | 'Declarative'
   | 'Android'
   | 'Litho'
+  | 'LithoMountable'
   | 'CK'
   | 'iOS'
   | 'BloksBoundTree'

diff --git a/desktop/static/icons/litho-logo-blue.png b/desktop/static/icons/litho-logo-blue.png