Add bitcoin icon in the input

ZeusLN · Feb 23, 2024 · 506299b · 506299b
1 parent e207327
commit 506299b
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 13 deletions.
diff --git a/assets/images/SVG/bitcoin-icon.svg b/assets/images/SVG/bitcoin-icon.svg
diff --git a/views/Settings/CurrencyConverter.tsx b/views/Settings/CurrencyConverter.tsx
@@ -25,6 +25,7 @@ import SettingsStore, { CURRENCY_KEYS } from '../../stores/SettingsStore';
 import Add from '../../assets/images/SVG/Add.svg';
 import Edit from '../../assets/images/SVG/Pen.svg';
 import DragDots from '../../assets/images/SVG/DragDots.svg';
+import BitcoinIcon from '../../assets/images/SVG/bitcoin-icon.svg';
 
 interface CurrencyConverterProps {
     navigation: any;
@@ -518,10 +519,28 @@ export default class CurrencyConverter extends React.Component<
                                                         : null
                                                 ]}
                                             >
+                                                {['BTC', 'sats'].includes(
+                                                    item
+                                                ) && (
+                                                    <View
+                                                        style={{
+                                                            position:
+                                                                'absolute',
+                                                            left: 16,
+                                                            zIndex: 1
+                                                        }}
+                                                    >
+                                                        <BitcoinIcon />
+                                                    </View>
+                                                )}
+
                                                 <TextInput
                                                     suffix={`${item} ${getFlagEmoji(
                                                         item
                                                     )}`}
+                                                    style={{
+                                                        flex: 1
+                                                    }}
                                                     right={72}
                                                     placeholder={localeString(
                                                         'views.Settings.CurrencyConverter.enterAmount'
@@ -589,7 +608,9 @@ const styles = StyleSheet.create({
         alignItems: 'center'
     },
     inputBox: {
-        flex: 1
+        flex: 1,
+        flexDirection: 'row-reverse',
+        alignItems: 'center'
     },
     deleteIcon: {
         marginRight: 16,