diff options
| -rw-r--r-- | src/assets/icons/radio-check-green.svg | 1 | ||||
| -rw-r--r-- | src/screens/profile/ChoosingCategoryScreen.tsx | 23 |
2 files changed, 15 insertions, 9 deletions
diff --git a/src/assets/icons/radio-check-green.svg b/src/assets/icons/radio-check-green.svg new file mode 100644 index 00000000..39516999 --- /dev/null +++ b/src/assets/icons/radio-check-green.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 720"><defs><style>.cls-1{fill:#70e76e;}</style></defs><path class="cls-1" d="M360,0C161.18,0,0,161.18,0,360S161.18,720,360,720,720,558.82,720,360,558.82,0,360,0ZM573.65,248.65a30.73,30.73,0,0,1-6.74,10.07L320.56,505.21a31.61,31.61,0,0,1-44.34,0L153.1,382A31,31,0,1,1,197,338L298.4,439.57,523,214.8a31,31,0,0,1,50.61,33.85Z"/></svg>
\ No newline at end of file diff --git a/src/screens/profile/ChoosingCategoryScreen.tsx b/src/screens/profile/ChoosingCategoryScreen.tsx index 5e29d4de..e025dce6 100644 --- a/src/screens/profile/ChoosingCategoryScreen.tsx +++ b/src/screens/profile/ChoosingCategoryScreen.tsx @@ -1,6 +1,6 @@ import {useBottomTabBarHeight} from '@react-navigation/bottom-tabs'; import {RouteProp, useNavigation} from '@react-navigation/native'; -import React, {FC, Fragment, useEffect, useState} from 'react'; +import React, {FC, useEffect, useState} from 'react'; import { Image, ScrollView, @@ -12,8 +12,8 @@ import { import LinearGradient from 'react-native-linear-gradient'; import {useDispatch, useSelector} from 'react-redux'; import BackIcon from '../../assets/icons/back-arrow.svg'; -import FrontArrow from '../../assets/icons/front-arrow.svg'; import PlusIcon from '../../assets/icons/plus-icon.svg'; +import RadioCheck from '../../assets/icons/radio-check-green.svg'; import {SearchBackground, TaggSquareButton} from '../../components'; import {TAGGS_GRADIENT, TAGG_DARK_PURPLEISH_BLUE} from '../../constants'; import {headerBarOptions, MainStackParams} from '../../routes'; @@ -110,13 +110,17 @@ const ChoosingCategoryScreen: React.FC<ChoosingCategoryScreenProps> = ({ </View> <View style={styles.row}> {selectedCategory === title ? ( - <FrontArrow - width={normalize(13)} - height={normalize(13)} - color={'white'} - /> + <RadioCheck width={20} height={20} /> ) : ( - <Fragment /> + <View + style={{ + borderRadius: 20, + borderWidth: 1, + borderColor: 'white', + height: normalize(19), + width: normalize(19), + }} + /> )} </View> </TouchableOpacity> @@ -201,7 +205,8 @@ const styles = StyleSheet.create({ letterSpacing: normalize(0.3), fontWeight: '600', alignSelf: 'center', - marginLeft: normalize(25), + marginHorizontal: SCREEN_WIDTH * 0.03, + width: SCREEN_WIDTH * 0.7, }, row: { flexDirection: 'row', |
