From 2111067d0114fc1de2115dfc7df88ea4ce864fec Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Mon, 17 Jul 2023 09:33:42 -0700
Subject: [PATCH] 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
---
 .../public/ui-debugger/components/Tree.tsx        |   4 +++-
 desktop/plugins/public/ui-debugger/types.tsx      |   1 +
 desktop/static/icons/litho-logo-blue.png          | Bin 0 -> 884 bytes
 3 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 desktop/static/icons/litho-logo-blue.png

diff --git a/desktop/plugins/public/ui-debugger/components/Tree.tsx b/desktop/plugins/public/ui-debugger/components/Tree.tsx
index 687b9d94eb1..3dbfa1b9218 100644
--- 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
index 56ddf5be149..3b814b41ef8 100644
--- 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
new file mode 100644
index 0000000000000000000000000000000000000000..9fb7034e19711e045a2b775c23d1db6197993e73
GIT binary patch
literal 884
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|Tv8)E(|mmy
zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(<^uz(rC1}St4blSkcz;w^k#WAFU
z@on_kJYhqDc{f!&zD(eLweX>!#TS;PA4E7V3ft#9IIcS4tsr_tm|=U^692%Z;e0ks
zXBRqo*oth;ESuqZ<?y!6y_>gP|9EWLs*JfGEB58vy<e9W#3EOI|NY(l&U3G`Y*4#i
z%BNx_r&w$I`%6v4^L^pf3me`)c{|^x@O_rif#)YxFI8~}8J(<2_;BcZmiGBLRt33D
z0-LTkC|#@nqtfTYoi_8?t?do63<nvEPvmc$`C9wb%z`D$8Fm<6cj`Zu%EIGkZ$H`L
zXUh(`mb=^8-5Wlf*!o=S-xuWrGru#(Ii&;%_N`)ho!sly;C=J8<KoT9OMjcs59Kt7
zm)oDJr0`GXmZAsOhR6E<u6i<le13t?F{nYd{^NQ-t`7V5GLA`1Z+>*wmj*ffvE1T3
zK_uaL{GZjQvzp>2&Xwygd%#$uk@JcBSnKOqdLc||SEJ`MzRB-RwC8#7dc&9M14~ML
zEAH;-yuONQNuIrK?Dw5jyDeCK!Z{V19$K8<@2$V7h2dUS)b{7M_O@SZ&{h%sTOiGM
ztHoOTechVZ?h6(@J~3@=8OQyUOY{463eq16CFxI=SKn}4I6Y3e*ktGB&yf+?g8N(!
z#HD;Z&nNyfbK2o$x4K>aY!d0W+BY$|e7FAJb4lT|I3p&_RxnTD<Tu?p#h%SHJG@x`
zTht$|J6by?hbLA#e=%9|@bvlr(#jo7yY`+t{_g&_%7^{W^IXCYy9h949Z22ds&rt+
zsx~P#Ruhwr$2Lr2>RFk!A~DFpSvZ?VTN9^LcB6<xT(V~NkE**@EO>(t`>woqZs)NJ
zbN(t#KQ>ixnZ_!XL&5y&OS50eEA9Fnud2jY|Dolt{k3heDohr3>uxLO6!1oOZ@qPg
z$5;1~;0m@2MWF&rOYHL{w@-em)0Zf~^yD~ak3xy_xAUxh`_5V@`gMfO^>7aR_4(4G
mFkTx!uV<`(_TOE5|371!+ALvpo&V=SDc;l7&t;ucLK6UdZ+7?q

literal 0
HcmV?d00001