From 90e21dfd6558ea235b636c80e6a79305a48dc622 Mon Sep 17 00:00:00 2001 From: Rick Hanlon Date: Mon, 17 Feb 2020 08:14:48 -0800 Subject: [PATCH] LogBox - Move images to files Summary: Moves the LogBox images from base64 data to files since base64 is not supported everywhere. Changelog: [Internal] Reviewed By: fkgozali Differential Revision: D19879323 fbshipit-source-id: 2dc03eebfc712ed863ed76322e133fcad5b00bb4 --- Libraries/LogBox/UI/LogBoxImageSource.js | 65 ------------------ .../LogBox/UI/LogBoxImages/alert-triangle.png | Bin 0 -> 885 bytes .../LogBox/UI/LogBoxImages/chevron-left.png | Bin 0 -> 201 bytes .../LogBox/UI/LogBoxImages/chevron-right.png | Bin 0 -> 189 bytes Libraries/LogBox/UI/LogBoxImages/close.png | Bin 0 -> 312 bytes Libraries/LogBox/UI/LogBoxImages/loader.png | Bin 0 -> 550 bytes Libraries/LogBox/UI/LogBoxInspectorHeader.js | 14 ++-- .../UI/LogBoxInspectorSourceMapStatus.js | 9 +-- Libraries/LogBox/UI/LogBoxNotification.js | 9 +-- .../LogBoxInspectorHeader-test.js.snap | 36 ++++++++-- ...ogBoxInspectorSourceMapStatus-test.js.snap | 12 ++-- 11 files changed, 50 insertions(+), 95 deletions(-) delete mode 100644 Libraries/LogBox/UI/LogBoxImageSource.js create mode 100644 Libraries/LogBox/UI/LogBoxImages/alert-triangle.png create mode 100644 Libraries/LogBox/UI/LogBoxImages/chevron-left.png create mode 100644 Libraries/LogBox/UI/LogBoxImages/chevron-right.png create mode 100644 Libraries/LogBox/UI/LogBoxImages/close.png create mode 100644 Libraries/LogBox/UI/LogBoxImages/loader.png diff --git a/Libraries/LogBox/UI/LogBoxImageSource.js b/Libraries/LogBox/UI/LogBoxImageSource.js deleted file mode 100644 index abf122d2340..00000000000 --- a/Libraries/LogBox/UI/LogBoxImageSource.js +++ /dev/null @@ -1,65 +0,0 @@ -/** - * 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. - * - * @flow strict-local - * @format - */ - -'use strict'; - -import PixelRatio from '../../Utilities/PixelRatio'; - -const scale = PixelRatio.get(); - -/** - * We use inline images for LogBox in order to avoid display latency due to - * resource contention with symbolicating stack traces. - * - * The following steps were used to create these: - * - * 1. Download SVG files from: https://feathericons.com - * 2. Rasterize SVG files to PNG files at 16dp, 36dp, and 48dp. - * 3. Convert to Base64: https://www.google.com/search?q=base64+image+encoder - * - * @see https://github.com/feathericons/feather - * @copyright 2013-2017 Cole Bemis - * @license MIT - */ -const LogBoxImageSource = { - alertTriangle: ((scale > 2 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAB60lEQVRoge2Z3W3DIBSFj9oFPAIjZARGyAiMkBHuJh4hI2QEj5AR3Me+tQ91JALHmD8bKvmTkCr5Auc6/kzUACcnRXzuvL4GoAB8Afjeea9qXADcAfw4475c65orgBl++NeYl5ouUQiHt5tQTRJuwB6b5zLY49QVGn7I0bo+kuv60IQbuHf5CWCIqOkCgX93maia1MkRAUMo+OI+AvUPp7a50EzcUCBF6psJrUkYiZgnZJ7eId8mMeIyhpW5hyLw72LKCXsl86VqwgAKceKapW5e/nZpJnSsuHaTM7muyDq7C63JprJS69YxhNTpSlkpKeLGNHCo0EJChcSNaQA4SGiFtBMXJFSI3YVOPXFB6kMoUl9NaE0Wl4h5KQ0AOwqde+KmNrCL0EKCxJ64qQ0AlYVWSBfXZusgW6Oa0Dni2hiEv0qsoci+yUJrsoikLlKAkP11ygK54taiSOgb/O5b/DMqS+gBZeLWJlnoEX7XwQkBDPIktlEkz7hWrEmxZG4M5L9GXYTk0qxwcopKxa3VABN6cosM/C5LxTUof4ReMKHf1nRlaSnuGsGM7kfU4w8RF5Bz4aNlokLe/HQ/ngl9/Qih4L9k3h4hA1+S3odxu3Q77Hl4r1Hg75n6D01M2Difbp02Mi3ZTk5OLH4BUyEtOlDYuK0AAAAASUVORK5CYII=' - : scale > 1 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABVklEQVRYheWX4U3DMBBGH4gBMoJHyAgeoSNkAxjBG5QNOkJHCGzQDcoGZQP4gY3Oqe1cEscS4pNOqs9Jvqvv6ZrCf9fDhnutD4A3H810Br4mcW5l7hLmIdze5mZi+OJD5syeBYzC6CjyR5Ef9zI/CJMb0Im9zufC/qG2eQdchcGQuGYQ+9dJgZvl0B2xbJGrZW6IIevFXp9YVwcyB540syJfFcgSeJb0cVcDcg68XAFQCUhH+ShLBcBGIA158LQFqIB8zBRwEp9fgctcxQld/L2pZxZVAk/KkucjaDGQmoknrz35KEE2sABIRxm8tVIBaZgHb61UQOYmXk7aFgQVJ6QWPCnLAriYAVILnpTxD7yh/9EZiIEE4m+y29uMkGy1nQ6i9wYFRB5PwKdYP/v1msmnUe89gn695bG0iqjdXeMiRu9599csvGKZ0jlu0Ac/7d2rxX9Q37HW6QfX/ZguAAAAAElFTkSuQmCC' - : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvUlEQVQ4jbWT4Q3CIBCFP40DdANxg24gIzhKuwEjuIFxAkcwTtARGicoG+iPXlMCB8UfvoQc4e7ePV4A/ogWuMlqc0W7AsEo0QMNcPplugMmwMia5KwKWkNIuIkHq3wLXGQ/Sq4IC3wkLpOfmZyKeEpIEKsDYB8VN0Afkfpg30uNiycbdKcNqXEOxdBEWoEAoqta8uZ0iqqkxwGDUrSFAXAHZpOWd/+ubD5Kz335Cx1wZna4Bh54AddauVl8ARfCLO9Xq7xGAAAAAElFTkSuQmCC'): string), - check: ((scale > 2 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAqElEQVRoge3YTQ7CIBRF4bPUu/8JS6gTSaqilh95vuR+CaO2cGgYNAUzMzOzFgHlPhRaMkDAcRoltKaTeIxPtQHxGn+Q5AgJx8cQjo8hHB9DOP76Yiu/RcTmN18WLiQCjs3zBkYXVGOeLWd+xcIr5pgyEzDz7FIjISPP/FRPUM+9W4nvYVfuCSXeB3669ldEOzRFfCUSx1cicXwlEsdXIvEPKDMzM7PMbtugw3XTpNA2AAAAAElFTkSuQmCC' - : scale > 1 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAf0lEQVRYhe2UvQ2AIBQGL3EBR3AESkv3bxxFN8DmWUgwvkI+En1X0cBd+IMg+DuDyDMCs413kfMiX4EMbD3l8oCaPIU85B4mYLEF5XJscrYFPRGvb/sZ4IlocubJGdH0wj1FSG77XYT0qdUi5O+8jOjyyZQRUnkZ0UUeBMF3OQC/0VsyGlxligAAAABJRU5ErkJggg==' - : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAASElEQVQ4jWNgGJHAgIGBIYESze8ZGBjWU6L5PAMDgwBNNCdAFZJt83qoQmRDSHK2AFQhzBCy/IxsCNkBJsDAwLAfiknWPBIBAETPFeuA4fr6AAAAAElFTkSuQmCC'): string), - chevronLeft: ((scale > 2 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAgElEQVRoge3YMQ6DQBAEwRYvnf8nPAECbAnkyATsrt0lXUyPdAE6kCRJ/yXA+jopLbkhwHY6a2nNl8I1ftSA8Bm/MeQKBeNrBONrBONrBONrhMHxcPwOlMUvT32oszD8CoEj+giO6CE4oofgiB7Cj44Y86zyFoYPgOFPi5Ik6WwHji+QVIOyhqgAAAAASUVORK5CYII=' - : scale > 1 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAaUlEQVRYhe3WsQ2AMAwAwRcs5LEYg3HpYANoQKKgcEEUI/6adM5LbgySfmZsNDeACdiApdEfaQGswH6+Xd1jugc9xYQxxhjz9RhaxwxvDuul3MrAqDyjsozKKnWgXUqdsJcAZgqsTFJ5B7gjUNw0n0HHAAAAAElFTkSuQmCC' - : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARklEQVQ4jWNgGPKAmUh1AQwMDBIMDAwPyLEkgYGB4T/UELI1J9BdcwCxmpnIMZ1YkECsK+hmCNZoZCHCgAUMDAwfoHg4AgDJuQ/bcLyV+QAAAABJRU5ErkJggg=='): string), - chevronRight: ((scale > 2 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAeElEQVRoge3YMQ6AIBQE0Ykn3fs3HEEbC6MdFp+v8xJaspNQAZIkqbcA4zwpXTJpAPvlpHTNhHtAu4jwDDCiQjBiDcGINQQj1hCMWEN4Boy3l25vL/iL0PgJBcfXCI6vERxfIzi+Rmg8Hj7wrdL+Yys0/1qUJEmzDvSAkFQ8EOdJAAAAAElFTkSuQmCC' - : scale > 1 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAZElEQVRYhe3WsQmAQAxA0Y8ulLEcw3HtdANtBNvzCJjD/5pUgQ9pApJ+Zu7YCWABDmDLzemzA+c94+MW4AkqExUY1caoVka1GibqlSm7qJJSJzPGGGMylYqBgi9sACtFYiQN7wKC6VDcJ7tlpQAAAABJRU5ErkJggg==' - : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAANUlEQVQ4jWNgGLbAgYGBIYASAwIYGBj+MzAwJFBiSMLQMISJEpMptp2mmimORgcGChPSEAIAHGENPH8gqdYAAAAASUVORK5CYII='): string), - // TOOO: properly scale - close: ((scale > 2 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAPJJREFUSA3FllEOAiEMRIm3888/7x+vodEOWsPWLk4rIElDgOk8YBdCKaUcJS6vOEk9usBT/cGqjbvUiKvEWWJUgRc81R/gDXAk1MLgXYFYcjuLEVAPBsb7k+0J0B8ttBct7Mwg7BFOaODp3ExiJqeZ6/NosD/SzzAlM0aMRv2oumfYG6PM90Se8U3ECL1BRpzdDd+DToMpGVC7KkDRhzGqHCjVH0RLt9SDTftpPBguBPT3xlIfgTFkNBQ8YhTRuvCMQSanwtOJkh3ODSc4+0N70EIHYru+ei1/ROHpNuMi9lb68S7VQ223Kdu20Apc+tR/AAbAEIZxSf3+AAAAAElFTkSuQmCC' - : scale > 1 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAPJJREFUSA3FllEOAiEMRIm3888/7x+vodEOWsPWLk4rIElDgOk8YBdCKaUcJS6vOEk9usBT/cGqjbvUiKvEWWJUgRc81R/gDXAk1MLgXYFYcjuLEVAPBsb7k+0J0B8ttBct7Mwg7BFOaODp3ExiJqeZ6/NosD/SzzAlM0aMRv2oumfYG6PM90Se8U3ECL1BRpzdDd+DToMpGVC7KkDRhzGqHCjVH0RLt9SDTftpPBguBPT3xlIfgTFkNBQ8YhTRuvCMQSanwtOJkh3ODSc4+0N70EIHYru+ei1/ROHpNuMi9lb68S7VQ223Kdu20Apc+tR/AAbAEIZxSf3+AAAAAElFTkSuQmCC' - : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAPJJREFUSA3FllEOAiEMRIm3888/7x+vodEOWsPWLk4rIElDgOk8YBdCKaUcJS6vOEk9usBT/cGqjbvUiKvEWWJUgRc81R/gDXAk1MLgXYFYcjuLEVAPBsb7k+0J0B8ttBct7Mwg7BFOaODp3ExiJqeZ6/NosD/SzzAlM0aMRv2oumfYG6PM90Se8U3ECL1BRpzdDd+DToMpGVC7KkDRhzGqHCjVH0RLt9SDTftpPBguBPT3xlIfgTFkNBQ8YhTRuvCMQSanwtOJkh3ODSc4+0N70EIHYru+ei1/ROHpNuMi9lb68S7VQ223Kdu20Apc+tR/AAbAEIZxSf3+AAAAAElFTkSuQmCC'): string), - loader: ((scale > 2 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABXElEQVRoge2a3W3DMAyEr+0CHkGjaISOcKN4k6zQETpCR+gGzgbpQ10kcamIpKQ6avQBBPxg3pHwL2UDg/8LASxrcNdKnCwATmssrUyeWgnju/DmXs8tRP+Sh2kgAJga1rFlWj2rcMD5YqQh77QJLbzIORjyRIJQCJW5ngYo5AVlrsgkCGqbsDbAhFfxqZsSZibP0oDXQ43HQPsg82i7sBoR+VcJq2YxKcPo0IoJLRZXmYGC6ezQmQUdVqhPBVH/CNBTSMkLVlzjA8Bbocb7GoPBoADi+umZilYzbrG/JrnljOvy734iu4To/BQaDB6Rl4LciPPF9Lmjhgvi+s7w6tCIGw3WKS0P8fvWNjt0ZkGHFeq7CQXTbkZKGg2JOxrqPUZ3s6ziNdju38IjS/dLi0EQpDLX2gDQYHEX6Hx5/YcA+6H0NgAYPnCMj3x7Mxq4wTGx3Q1E578aDDR8AX0mOGD6BEN/AAAAAElFTkSuQmCC' - : scale > 1 - ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABN0lEQVRYhe2WzU3EMBCFP34KyJEjJaQDXAIlJJ24BSow2wEdhHSwJSwd7JHbcmC0mOxMnDiWDIInWbHkN29exo4n8IvRAEFGU8OAA04yulyR60Jm7msbyIZloAMGwBfI4UWrWxM08LW/weC4iOMNTog4g0awKjBG827GxBwC3996NHizAifsSrTRmlsZm23CT9adktyXSq6ZUPdxgiXnZzW8CLcLuC3lvqA/gCt5NtjlPQL7TP0Wu1HtRRu4PO3T4TKTz2kG+AG9IN6CR/Su9iojBw69egfghWgL/pGCp+JFVPUqTjWjlsuqeAo1o6rt2C8QcNiV0UxoHPMieojmz0CfMKyhl1hN84xbI3gnz5Ftp7kH3iT5LsFdDUf6pzSJ6r2glIFDbuDNhqRH4I7Pvv4EvG/QqocP2Jh/xzzX/zUAAAAASUVORK5CYII=' - : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsklEQVQ4jaWTYRHCMAyFP7gJmIQ6oChgEpBQKXMwC3MADpAAEiphDuBHC4QuDRu8u9ylyWtem7Rgw2X7GT1wsghb4beAVzhtsfYyJgs44AoEQzBkjrMId1HkKPwyZ6oMSnxYsnk1NqT7yMo34Fzhd9meGJvs7Hh3NhqCLXDI/rT0lKsR+KOJgc9RdaRRarkZvELogYsi8HqxjUhGYE+aQg1jzketwFTZXHbbEpjB8eU7PwAbLiJz46707gAAAABJRU5ErkJggg=='): string), -}; - -export default LogBoxImageSource; diff --git a/Libraries/LogBox/UI/LogBoxImages/alert-triangle.png b/Libraries/LogBox/UI/LogBoxImages/alert-triangle.png new file mode 100644 index 0000000000000000000000000000000000000000..7af688c7e355d3393b54e68d5340d74ad3b08717 GIT binary patch literal 885 zcmV-*1B(2KP)Px&FG)l}R9Fesm^Y6UQ4oX=8)E}ZLmiS=?dD@N0CPYkiG!(BOwX6JMd#{0y! z3VY;+A$6nIv|rL8Yd<5FoK|3|T)Y+C;5+S?n>*Ir^B8i-Z5-$2z>TrqU*L*+F^=3u z!7zRo-PpY@jyUsJavL4!JHgNo?Kg;J;EWh=0*ywnTUF!WUPy34j5mM=S|bI+_eOLh zGur#$mKh?3SkFakqyv2}7{JVwn2IR{dIPM_rX~*>w@w0aaPJq09@V|i9kPxf$D2SC z?b^XhnHOd#i(b+&pT)6`ASVtq+O=Yr)Z^e@EUB28&#pyb#hMI**iYp7T&wQr&qny#qevE3R#1}%@L z7Bz>4n^N)uKegXfq3-cj4WNal=TLJf*eR7bxR(-?-Aq*j$XymahnmzL2n^FJ(S<)~ zUpBa2%yUv2Kof1xqxL`peL4steo#z-8%b#Z%|l|$!$V(Sh~`BXe9(hZ)fZWr6g9ji z9{L*S8$l>#aNShZtAxk;db2hQqBnt;p0GpFzeN|h(v!kq!PN5Fc)?Q=7@C)&3w+c* zWpI-UBm_~5n(hHlNdtW7D5S3ED`m{uOZ`pDvGe~V!}LRn?JM1RM#L#}aH9{FKQ){o`Go5*>b z35WYyV%lx&4Ic5F_Ql{T4X$&~eDuM`;U5n_G;NJR4eqz8HlEyL?h#@j{BRuBxgqA` zc``;#;Pt;pYL#w29fKzDh}S~!ws%r|F3yW>d6eel<(Y`L+#BgXVO=6u9}3Kv00000 LNkvXXu0mjfmztBs literal 0 HcmV?d00001 diff --git a/Libraries/LogBox/UI/LogBoxImages/chevron-left.png b/Libraries/LogBox/UI/LogBoxImages/chevron-left.png new file mode 100644 index 0000000000000000000000000000000000000000..cae430f21605d568089ed19545023b2bd1aa1516 GIT binary patch literal 201 zcmeAS@N?(olHy`uVBq!ia0vp^0zfRo!3HEV4DF?W6k~CayA#8@b22Z1oMulK#}Es_ zw^IVS8Vq=x+qd7IUw==2y<&#^I*XKK-M@k{3OsC_xnk2M$*=bKcIeI2d?kyPbVawc zJx6EE;EhUBOPs4%mGrKC#-rbRJ%2xL3~bvq&*Y4and^eSTe;gS4k~ti;NlTjwI*Ar;72+{VDn$l24z z8I<5KbH|~UC3~9BPB`u}W7`MLuu2?l)jE3A lY7?UiyF`)Dk`-CZ44Ue_N$Y1xUI99R!PC{xWt~$(698~vKIH%a literal 0 HcmV?d00001 diff --git a/Libraries/LogBox/UI/LogBoxImages/close.png b/Libraries/LogBox/UI/LogBoxImages/close.png new file mode 100644 index 0000000000000000000000000000000000000000..c55016073e4d357d947a5badb7793d2cee8fda81 GIT binary patch literal 312 zcmV-80muG{P)Px#@<~KNR7efQmQfA@Aq+%`xAV_G?;o$B(GFU})-FyfAW1`j={#T;LMf#jB`&Wx zNjt0@?kEP)Px$;7LS5R9Fe^nN3c_FbstU*s$d)EVu)EB-kLX!J4ZwBlav<@b3?5;pw=o9i=cq zwG_pZ<~_f;^zvO7V&OL>%XkzmjlPU|R?7{nqbu~Wuf0@R?d;$H?C6r*(n1~)MjL+n(hc{JRu z5>Q7)TMYh`^~HiAc6uoCi0oZQMP~$iVu_gReZYXVLnr!v^r*&vdZKT~A?{T$vy0Wph}P`9iGQXS5;YjGh=vQ! zS&c_ZmP*8`FtBix3@PPU>LmlsWI$Kke>5Zko@{*aY$ z4{?39H+7KG+)-6?hk=ZVrjA>6aFglmDWZO=v{tT2O{~#l)~bJ)bczsat!j+sb{vaf o84GJO9;|Pg_sfk;&Bcm80p4vet~QH1M*si-07*qoM6N<$f`jDzm;e9( literal 0 HcmV?d00001 diff --git a/Libraries/LogBox/UI/LogBoxInspectorHeader.js b/Libraries/LogBox/UI/LogBoxInspectorHeader.js index a60baed457b..be3db862b60 100644 --- a/Libraries/LogBox/UI/LogBoxInspectorHeader.js +++ b/Libraries/LogBox/UI/LogBoxInspectorHeader.js @@ -17,7 +17,6 @@ import StyleSheet from '../../StyleSheet/StyleSheet'; import Text from '../../Text/Text'; import View from '../../Components/View/View'; import StatusBar from '../../Components/StatusBar/StatusBar'; -import LogBoxImageSource from './LogBoxImageSource'; import LogBoxButton from './LogBoxButton'; import * as LogBoxStyle from './LogBoxStyle'; import type {LogLevel} from '../Data/LogBoxLog'; @@ -54,7 +53,7 @@ function LogBoxInspectorHeader(props: Props): React.Node { props.onSelectIndex(prevIndex)} /> @@ -63,7 +62,7 @@ function LogBoxInspectorHeader(props: Props): React.Node { props.onSelectIndex(nextIndex)} /> @@ -94,7 +93,7 @@ const backgroundForLevel = (level: LogLevel) => function LogBoxInspectorHeaderButton( props: $ReadOnly<{| disabled: boolean, - image: string, + image: number, level: LogLevel, onPress?: ?() => void, |}>, @@ -105,10 +104,7 @@ function LogBoxInspectorHeaderButton( onPress={props.disabled ? null : props.onPress} style={headerStyles.button}> {props.disabled ? null : ( - + )} ); @@ -126,6 +122,8 @@ const headerStyles = StyleSheet.create({ borderRadius: 3, }, buttonImage: { + height: 14, + width: 8, tintColor: LogBoxStyle.getTextColor(), }, }); diff --git a/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js b/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js index 7c3cc432dd1..88ee3374bde 100644 --- a/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js +++ b/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js @@ -15,7 +15,6 @@ import Easing from '../../Animated/src/Easing'; import * as React from 'react'; import StyleSheet from '../../StyleSheet/StyleSheet'; import Text from '../../Text/Text'; -import LogBoxImageSource from './LogBoxImageSource'; import LogBoxButton from './LogBoxButton'; import * as LogBoxStyle from './LogBoxStyle'; @@ -74,11 +73,11 @@ function LogBoxInspectorSourceMapStatus(props: Props): React.Node { let color; switch (props.status) { case 'FAILED': - image = LogBoxImageSource.alertTriangle; + image = require('./LogBoxImages/alert-triangle.png'); color = LogBoxStyle.getErrorColor(1); break; case 'PENDING': - image = LogBoxImageSource.loader; + image = require('./LogBoxImages/loader.png'); color = LogBoxStyle.getWarningColor(1); break; } @@ -97,7 +96,7 @@ function LogBoxInspectorSourceMapStatus(props: Props): React.Node { onPress={props.onPress} style={styles.root}> @@ -188,6 +183,8 @@ const dismissStyles = StyleSheet.create({ justifyContent: 'center', }, image: { + height: 8, + width: 8, tintColor: LogBoxStyle.getBackgroundColor(1), }, }); diff --git a/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorHeader-test.js.snap b/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorHeader-test.js.snap index da2344e399e..c03c0ca2066 100644 --- a/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorHeader-test.js.snap +++ b/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorHeader-test.js.snap @@ -23,7 +23,11 @@ exports[`LogBoxInspectorHeader should render both buttons for two total 1`] = ` > @@ -52,7 +56,11 @@ exports[`LogBoxInspectorHeader should render both buttons for two total 1`] = ` @@ -83,7 +91,11 @@ exports[`LogBoxInspectorHeader should render no buttons for one total 1`] = ` > @@ -112,7 +124,11 @@ exports[`LogBoxInspectorHeader should render no buttons for one total 1`] = ` @@ -191,7 +207,11 @@ exports[`LogBoxInspectorHeader should render two buttons for three or more total > @@ -220,7 +240,11 @@ exports[`LogBoxInspectorHeader should render two buttons for three or more total diff --git a/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorSourceMapStatus-test.js.snap b/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorSourceMapStatus-test.js.snap index dcb78ed5130..a2c2cd03b6a 100644 --- a/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorSourceMapStatus-test.js.snap +++ b/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorSourceMapStatus-test.js.snap @@ -30,16 +30,16 @@ exports[`LogBoxInspectorSourceMapStatus should render for failed 1`] = `