Add new check icon

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',