From 649681ef949d681335af147504bb571bb47f92ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Espino=20Garc=C3=ADa?= <larkox@gmail.com>
Date: Wed, 23 Mar 2022 17:37:20 +0100
Subject: [PATCH] Remove bang image and use compass icon

---
 .../slash_suggestion/slash_suggestion_item.tsx    |  11 ++++-------
 .../images/autocomplete/slash_command_error.png   | Bin 288 -> 0 bytes
 .../autocomplete/slash_command_error@2x.png       | Bin 419 -> 0 bytes
 .../autocomplete/slash_command_error@3x.png       | Bin 625 -> 0 bytes
 4 files changed, 4 insertions(+), 7 deletions(-)
 delete mode 100644 assets/base/images/autocomplete/slash_command_error.png
 delete mode 100644 assets/base/images/autocomplete/slash_command_error@2x.png
 delete mode 100644 assets/base/images/autocomplete/slash_command_error@3x.png

diff --git a/app/components/autocomplete/slash_suggestion/slash_suggestion_item.tsx b/app/components/autocomplete/slash_suggestion/slash_suggestion_item.tsx
index 05b508cb5..153960301 100644
--- a/app/components/autocomplete/slash_suggestion/slash_suggestion_item.tsx
+++ b/app/components/autocomplete/slash_suggestion/slash_suggestion_item.tsx
@@ -7,13 +7,13 @@ import FastImage from 'react-native-fast-image';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
 import {SvgXml} from 'react-native-svg';
 
+import CompassIcon from '@app/components/compass_icon';
 import TouchableWithFeedback from '@components/touchable_with_feedback';
 import {COMMAND_SUGGESTION_ERROR} from '@constants/apps';
 import {useTheme} from '@context/theme';
 import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
 
 const slashIcon = require('@assets/images/autocomplete/slash_command.png');
-const bangIcon = require('@assets/images/autocomplete/slash_command_error.png');
 
 const getStyleFromTheme = makeStyleSheetFromTheme((theme: Theme) => {
     return {
@@ -105,11 +105,9 @@ const SlashSuggestionItem = ({
     );
     if (icon === COMMAND_SUGGESTION_ERROR) {
         image = (
-            <Image
-                style={style.iconColor}
-                width={10}
-                height={16}
-                source={bangIcon}
+            <CompassIcon
+                name='alert-circle-outline'
+                size={24}
             />
         );
     } else if (icon.startsWith('http')) {
@@ -121,7 +119,6 @@ const SlashSuggestionItem = ({
         );
     } else if (icon.startsWith('data:')) {
         if (icon.startsWith('data:image/svg+xml')) {
-            // TODO: What base64 library should we use? Security implications on doing things like this?
             let xml = '';
             try {
                 xml = Buffer.from(icon.substring('data:image/svg+xml;base64,'.length), 'base64').toString();
diff --git a/assets/base/images/autocomplete/slash_command_error.png b/assets/base/images/autocomplete/slash_command_error.png
deleted file mode 100644
index c1dd93d83cb146031fdffd376beed8c7dc97463e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 288
zcmeAS@N?(olHy`uVBq!ia0vp^AhsX}8<2dWZ2J^QaTa()7Bet#3xhBt!>l<HKtaah
zAa^H*b?0PW0y!+{j=qiz3>*8o|0J>k`CC0*978G?_f9nAJES1d`u|b<F6&*dUS%D+
zVCFaPpl}smtVhgV=i^pF8G_y+Tp?2G@lF*V_A%%){8@1(-XJVjP+a@<?>O^0@p<!k
zY6T{)Vf6X??RjF6LZ_a<{aTi+zZtO(ZuX3tvi^ZuyVV^vJq6Sp86NKS-e#;|F`;-K
zTYJEsTW!5-1=Nhfe{?U}pLW_tzwcW4T$`V*O-3EAsXRGv7EF=*qx18+*F?5wM<RA=
fpRSdCZ_jw!%{s$Ebn9lI2N*nE{an^LB{Ts5%-&?*

diff --git a/assets/base/images/autocomplete/slash_command_error@2x.png b/assets/base/images/autocomplete/slash_command_error@2x.png
deleted file mode 100644
index 9b5f01ad5b3e65c68c4928a7a76c020f686ae5b3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 419
zcmV;U0bKrxP)<h;3K|Lk000e1NJLTq000yK001Be1^@s65@J}k00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0XRuSK~#7F?Uu1l
z!!Qtr?-JCAl@V4(R)!3f!bIPLXX?sx&;^J(Sfa1cwQD<CZtF9Sf>4Ehc6&jc`cJXW
z_vy~|9~<DGg<PO%ng?s)B^KN7VXD;UG8QX<kuk*vSQVO$usNW$B*p@jQfo;pQ6T`4
zizK2><s^YIA-c5~Se6(h6M?+KSj%NOphCoOy@&>_VJvw7&{_)GD+-dgJQ{`7Y`3@(
z1Jm{s0OJ-j@|I&3OW7_9>~*+~=^Z`_NJPJoob8SR9@;NwyG~cR3A-K4{E1xjqkPL3
z4HxDn`0MoEIrsQ8T()hy5Cg~Kr)K~+`IGWCpMT7_9QGX6b$t`UI=P9DU7rlBs_GV4
zRd*)?CBLpDP^tHoa}c~=y!}?(yCw<jWUYDiJN(sK4t4iUWTtRVeFHXMhw0)Xu^#{c
N002ovPDHLkV1hFxs~7+P

diff --git a/assets/base/images/autocomplete/slash_command_error@3x.png b/assets/base/images/autocomplete/slash_command_error@3x.png
deleted file mode 100644
index 837f5dd16d3683877b4d4d5a9c534fe848f88437..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 625
zcmV-%0*?KOP)<h;3K|Lk000e1NJLTq0015U001!v1^@s6&B_@;00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0tQJ$K~#7F?U=t#
z0znYQXLm0qG$vYlkx)=-sl_D(t?&ta8GGNylFINWP~am#LI||biFbIr&Uu<>;C5%u
zyI8>2ksao@GwgosF2KG?Py-u{+eZLXain|g^`0MqAPGcit=Fy?A<PPhB7>C@OIM86
z;G7&AthI51vF75zLI_H$36o=jY1NcaaU5%BHB##0D?U1MR})3%4TvIx!%z~oiY&g>
z0BcuLgVQTxak=;Ca5yX;j7it_RZCydEN~*bZEEtuVuNkAX^bGZnGM$ZpIVLR%;ZYx
z^1wpK%yw!m%WJjGHYtB1xxqGVHt*y^02_>cZAmW6t2hiZEs<rHY%thuv%HE^+vJb^
z8JuYM*~_rnoC}P$xm6k3C2K|J0;6s2s?GpYIrj0EH5#S(t@ePaI2I$%`(1Su!2}LE
zXzxXS5%^XR+<@mLZk2vlh{QZJbh}+v9u^p%BXA#^3j{Y2T>k<u@Os+8qt6JRA;`HD
zH82R8cpDTgDd8SJp8gm*Mz6k1YViHqWImsg@^LKl3LAWvJ^VRV2cpPew8?8%j8f17
zqR3!ur|*ivlja!^RoE#rmFpcW2iO?1aL2$Hh+@2fK-&>wgos~&DDrl~ZL+LZYxpzn
zT)Ef~X!rYc7a@Za&1TcF@1L*m4pqSkoTNk;<JIPAFz5{6Ad5Z#sOrcaVFP`d00000
LNkvXXu0mjf%cu_Z