[NO-TASK]: Fix white corners on buy button

Danswar · Nov 14, 2024 · dc5b0b3 · dc5b0b3
1 parent af64f03
commit dc5b0b3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/components/ImageButton.js b/components/ImageButton.js
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 
 ImageButton.propTypes = {
   source: PropTypes.number,
+  imageStyle: PropTypes.object,
 };
 
 export function ImageButton(props) {
@@ -21,7 +22,7 @@ export function ImageButton(props) {
 
   return (
     <TouchableOpacity style={styles.button} {...props}>
-      <Image source={props.source} style={styles.image} />
+      <Image source={props.source} style={[styles.image, props.imageStyle]} />
     </TouchableOpacity>
   );
 }
diff --git a/screen/wallets/asset.js b/screen/wallets/asset.js
@@ -638,6 +638,7 @@ const Asset = ({ navigation }) => {
                   <>
                     <View>
                       <ImageButton
+                        imageStyle={styles.tileImageStyle}
                         source={buttonImages[0]}
                         onPress={() => handleOpenServices(DfxService.BUY)}
                         disabled={isHandlingOpenServices}
@@ -646,6 +647,7 @@ const Asset = ({ navigation }) => {
                     {isDfxSwap && (
                       <View>
                         <ImageButton
+                          imageStyle={styles.tileImageStyle}
                           source={buttonImages[2]}
                           onPress={() => handleOpenServices(DfxService.SWAP)}
                           disabled={isHandlingOpenServices}
@@ -835,14 +837,17 @@ const styles = StyleSheet.create({
     padding: 5,
     alignItems: 'center',
   },
-  walletDetails:{
+  walletDetails: {
     paddingLeft: 12,
-    paddingVertical:12
+    paddingVertical: 12,
   },
   boltcardButton: { justifyContent: 'center', alignItems: 'center', marginTop: 10 },
   scanIconContainer: {
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
-  }
+  },
+  tileImageStyle: {
+    borderRadius: 5,
+  },
 });