diff options
Diffstat (limited to 'src/screens')
| -rw-r--r-- | src/screens/profile/ChoosingCategoryScreen.tsx | 23 |
1 files changed, 14 insertions, 9 deletions
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', |