icon update

src/components/BottomModal.tsx

@@ -10,7 +10,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import Fontisto from 'react-native-vector-icons/Fontisto';
+import Telegram from 'screens/../../assets/bootsplash/Telegram.png';
 import Local from 'screens/../../assets/bootsplash/local.png';
 import Clock from 'svg/Clock';
 import CloseIcon from 'svg/Close';
@@ -84,7 +84,7 @@ const BottomModal: React.FC<BottomModalProps> = ({
             </View>
             <View style={styles.card}>
               <View style={styles.row}>
-                <Fontisto name="telegram" color="#28A7E8" size={26} />
+                <Image source={Telegram} style={{ width: 26, height: 26 }} />
                 <View style={styles.cardText}>
                   <Text style={styles.label}>{t('Telegram admin')}</Text>
                   <Text style={styles.value}>{branch?.telegramAdmin}</Text>
@@ -93,7 +93,7 @@ const BottomModal: React.FC<BottomModalProps> = ({
             </View>
             <View style={styles.card}>
               <View style={styles.row}>
-                <Fontisto name="telegram" color="#28A7E8" size={26} />
+                <Image source={Telegram} style={{ width: 26, height: 26 }} />
                 <View style={styles.cardText}>
                   <Text style={styles.label}>{t('Telegram kanal')}</Text>
                   <Text style={styles.value}>{branch?.telegramChannel}</Text>

src/components/FileDrop.tsx

@@ -13,7 +13,7 @@ import {
   launchImageLibrary,
   MediaType,
 } from 'react-native-image-picker';
-import Feather from 'react-native-vector-icons/Feather';
+import Download from 'svg/Download';
 
 interface FileData {
   uri: string;
@@ -83,7 +83,7 @@ const SingleFileDrop: React.FC<SingleFileDropProps> = ({
       (
         <View style={styles.iconContainer}>
           <View style={styles.downloadIcon}>
-            <Feather name="download" color="#28A7E8" size={35} />
+            <Download fill="#28A7E8" width={50} height={50} />
           </View>
         </View>
       ),

src/components/Navbar.tsx

@@ -12,9 +12,10 @@ import {
   View,
 } from 'react-native';
 import AppLink from 'react-native-app-link';
-import Fontisto from 'react-native-vector-icons/Fontisto';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import Logo from 'screens/../../assets/bootsplash/logo.png';
+import Bell from 'svg/Bell';
+import Instagram from 'svg/Instagram';
+import Telegram from 'svg/Telegram';
 import InAppBrowser from './InAppBrowser';
 
 const { width } = Dimensions.get('window');
@@ -89,15 +90,11 @@ const Navbar = () => {
 
         <View style={styles.links}>
           <TouchableOpacity onPress={openTelegram}>
-            <Fontisto name="telegram" color="#fff" size={iconSizes.telegram} />
+            <Telegram color="#fff" width={24} height={24} />
           </TouchableOpacity>
 
           <TouchableOpacity onPress={openInstagram}>
-            <Fontisto
-              name="instagram"
-              color="#fff"
-              size={iconSizes.instagram}
-            />
+            <Instagram color="#fff" width={24} height={24} />
           </TouchableOpacity>
 
           {/* <TouchableOpacity onPress={openFacebook}>
@@ -112,11 +109,7 @@ const Navbar = () => {
             <TouchableOpacity
               onPress={() => navigation.navigate('Notifications')}
             >
-              <MaterialCommunityIcons
-                name="bell-outline"
-                color="#fff"
-                size={iconSizes.bell}
-              />
+              <Bell color="#fff" width={24} height={24} />
               {/* <View style={styles.bellDot} /> */}
             </TouchableOpacity>
           )}

src/components/NoResult.tsx

@@ -8,7 +8,7 @@ import {
   useWindowDimensions,
   View,
 } from 'react-native';
-import ProgressBar from 'screens/../../assets/lottie/non data found.json';
+import ProgressBar from 'screens/../../assets/lottie/Empty box.json';
 
 interface Props {
   message?: string;
@@ -56,7 +56,7 @@ const NoResult: React.FC<Props> = ({
         loop
         autoPlay={true}
         resizeMode="cover"
-        style={{ width: 150 * scale, height: 150 * scale }}
+        style={{ width: 250 * scale, height: 250 * scale }}
       />
       <Text>{t(message)}</Text>
     </View>