diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts index 156ce53e0..e1f3e4a8e 100644 --- a/src/assets/icons/index.ts +++ b/src/assets/icons/index.ts @@ -85,7 +85,7 @@ export const cloudCheckIcon = (color = 'white'): string => ` `; export const coinsIcon = (color = 'white'): string => ` -`; +`; export const copyIcon = (color = 'white'): string => ` `; diff --git a/src/assets/svgs/raw/coins.svg b/src/assets/svgs/raw/coins.svg index 73b3e5054..89f75260a 100644 --- a/src/assets/svgs/raw/coins.svg +++ b/src/assets/svgs/raw/coins.svg @@ -1,18 +1,17 @@ - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + diff --git a/src/navigation/root/DrawerContent.tsx b/src/navigation/root/DrawerContent.tsx index c0cce7410..aeff2f237 100644 --- a/src/navigation/root/DrawerContent.tsx +++ b/src/navigation/root/DrawerContent.tsx @@ -5,14 +5,13 @@ import { import { useNavigation } from '@react-navigation/native'; import React, { ReactElement } from 'react'; import { useTranslation } from 'react-i18next'; -import { StyleSheet, View } from 'react-native'; +import { Pressable, StyleSheet, View } from 'react-native'; import AppStatus from '../../components/AppStatus'; import { useAppSelector } from '../../hooks/redux'; import { shopIntroSeenSelector } from '../../store/reselect/settings'; import colors from '../../styles/colors'; import { View as ThemedView } from '../../styles/components'; -import { Pressable } from '../../styles/components'; import { ActivityIcon, CoinsIcon, @@ -40,8 +39,7 @@ const DrawerItem = ({ }: DrawerItemProps): ReactElement => ( {icon} @@ -134,6 +132,8 @@ const styles = StyleSheet.create({ }, drawerContent: { flex: 1, + paddingStart: 16, + paddingEnd: 16, }, drawerItem: { borderBottomWidth: 1, diff --git a/src/screens/Contacts/Contact.tsx b/src/screens/Contacts/Contact.tsx index 5ecc0eb33..2b95279e6 100644 --- a/src/screens/Contacts/Contact.tsx +++ b/src/screens/Contacts/Contact.tsx @@ -147,7 +147,7 @@ const Contact = ({ {loading ? ( ) : ( - + )} ({ export const CoinsIcon = styled(SvgXml).attrs((props) => ({ xml: coinsIcon(props.color ? props.theme.colors[props.color] : 'white'), - height: props.height ?? '12.8', - width: props.width ?? '12.8', + height: props.height ?? '24px', + width: props.width ?? '24px', }))((props) => ({ color: props.color ? props.theme.colors[props.color] : 'white', }));