icon update

src/screens/auth/registeration/ui/FirstStep.tsx

@@ -28,14 +28,16 @@ import {
   View,
 } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import AntDesign from 'react-native-vector-icons/AntDesign';
-import SimpleLineIcons from 'react-native-vector-icons/SimpleLineIcons';
 import Logo from 'screens/../../assets/bootsplash/logo_512.png';
 import {
   FirstStepFormType,
   FirstStepSchema,
 } from 'screens/auth/registeration/lib/form';
 import LanguageSelector from 'screens/auth/select-language/SelectLang';
+import ArrowDown from 'svg/ArrowDown';
+import ArrowLeft from 'svg/ArrowLeft';
+import ArrowUp from 'svg/ArrowUp';
+import Check from 'svg/Check';
 import { RootStackParamList } from 'types/types';
 import { useUserStore } from '../lib/userstore';
 import { RegisterStyle } from './styled';
@@ -156,7 +158,7 @@ const FirstStep = ({ onNext }: { onNext: () => void }) => {
       <SafeAreaView style={{ flex: 1 }}>
         <View style={RegisterStyle.langContainer}>
           <TouchableOpacity onPress={() => navigation.navigate('select-auth')}>
-            <SimpleLineIcons name="arrow-left" color="#000" size={20} />
+            <ArrowLeft color="#000" />
           </TouchableOpacity>
           <LanguageSelector />
         </View>
@@ -274,13 +276,11 @@ const FirstStep = ({ onNext }: { onNext: () => void }) => {
                             {branchList?.find(e => e.id === value)?.name ||
                               t('Filialni tanlang...')}
                           </Text>
-                          <SimpleLineIcons
-                            name={
-                              filialDropdownVisible ? 'arrow-up' : 'arrow-down'
-                            }
-                            color="#000"
-                            size={14}
-                          />
+                          {filialDropdownVisible ? (
+                            <ArrowUp color={'#000'} />
+                          ) : (
+                            <ArrowDown color={'#000'} />
+                          )}
                         </TouchableOpacity>
                       </View>
                       {filialDropdownVisible && (
@@ -341,15 +341,11 @@ const FirstStep = ({ onNext }: { onNext: () => void }) => {
                                 'Bizni kim tavsiya qildi...',
                             )}
                           </Text>
-                          <SimpleLineIcons
-                            name={
-                              recommendedDropdownVisible
-                                ? 'arrow-up'
-                                : 'arrow-down'
-                            }
-                            color="#000"
-                            size={14}
-                          />
+                          {recommendedDropdownVisible ? (
+                            <ArrowUp color={'#000'} />
+                          ) : (
+                            <ArrowDown color={'#000'} />
+                          )}
                         </TouchableOpacity>
                       </View>
                       {recommendedDropdownVisible && (
@@ -420,7 +416,7 @@ const FirstStep = ({ onNext }: { onNext: () => void }) => {
                             ],
                           }}
                         >
-                          <AntDesign name="check" color="#fff" size={20} />
+                          <Check color="#fff" />
                         </Animated.View>
                       )}
                     </Animated.View>