#47 App update to latest version of React Native and other libraries

App.js

@@ -247,7 +247,7 @@ export default class App extends Component<Props> {
     
     onNotificationsMenu() {
         this.endVideoCall();
-        this.injectJavaScript("bx_mobile_apps_show_notifications_menu()");
+        this.injectJavaScript(`document.location = "${BASE_URL}page.php?i=notifications-view"`);
         return true;
     }
     
@@ -715,9 +715,9 @@ function UnaToolbar(o) {
                     <ActivityIndicator size="small" color={useTheme('colors.activityIndicator')} style={styles.loadingIndicator} />
                 ):(
                     o.loggedin ? (
-                        (<IconButton icon={<Icons.Back size="2xl" color={o.backButtonEnabled ? useTheme('colors.textOnPrimary') : useTheme('colors.textOnPrimaryDisabled')} style={styles.headerIcon} />} onPress={o.onBack} />)
+                        (<IconButton icon={<Icons.Back size="lg" color={o.backButtonEnabled ? useTheme('colors.textOnPrimary') : useTheme('colors.textOnPrimaryDisabled')} style={styles.headerIcon} />} onPress={o.onBack} />)
                     ) : (
-                        <IconButton icon={<Icons.Bars size="2xl" color={useTheme('colors.textOnPrimary')} style={styles.headerIcon} />} onPress={o.onDrawerToggle} />
+                        <IconButton icon={<Icons.Bars size="lg" color={useTheme('colors.textOnPrimary')} style={styles.headerIcon} />} onPress={o.onDrawerToggle} />
                     )
                 )}
 
@@ -728,7 +728,7 @@ function UnaToolbar(o) {
                 )}
             </HStack>
             <HStack>
-                {o.loggedin && (<IconButton icon={<Icons.Search size="2xl" color={useTheme('colors.textOnPrimary')} style={styles.headerIcon} />} onPress={o.onSearchMenu} />)}
+                {o.loggedin && (<IconButton icon={<Icons.Search size="lg" color={useTheme('colors.textOnPrimary')} style={styles.headerIcon} />} onPress={o.onSearchMenu} />)}
             </HStack>
         </HStack>
     </View>
@@ -759,19 +759,19 @@ function UnaDrawer(o) {
                 <Pressable style={styles.drawerButton} iconLeft transparent onPress={o.onLogin}>
                     <HStack>
                         <Icons.In size="md" color={useTheme('colors.drawerText')} style={styles.drawerButtonIcon} />
-                        <Text fontSize="xl" color={useTheme('colors.drawerText')} style={styles.drawerButtonText}>Login</Text>
+                        <Text fontSize="md" color={useTheme('colors.drawerText')} style={styles.drawerButtonText}>Login</Text>
                     </HStack>
                 </Pressable>
                 <Pressable style={styles.drawerButton} iconLeft transparent onPress={o.onJoin}>
                     <HStack>
                         <Icons.PlusCircle size="md" color={useTheme('colors.drawerText')} style={styles.drawerButtonIcon} />
-                        <Text fontSize="xl" color={useTheme('colors.drawerText')} style={styles.drawerButtonText}>Join</Text>
+                        <Text fontSize="md" color={useTheme('colors.drawerText')} style={styles.drawerButtonText}>Join</Text>
                     </HStack>
                 </Pressable>
                 <Pressable style={styles.drawerButton} iconLeft transparent onPress={o.onForotPassword}>
                     <HStack>
                         <Icons.Question size="md" color={useTheme('colors.drawerText')} style={styles.drawerButtonIcon} />
-                        <Text fontSize="xl" color={useTheme('colors.drawerText')} style={styles.drawerButtonText}>Forgot Password</Text>
+                        <Text fontSize="md" color={useTheme('colors.drawerText')} style={styles.drawerButtonText}>Forgot Password</Text>
                     </HStack>
                 </Pressable>
             </VStack>
@@ -795,6 +795,7 @@ const styles = new StyleSheet.create({
         justifyContent: 'center',  
         alignItems: 'center',
     },
+
     header: {
         height: 50,
     },
@@ -806,22 +807,17 @@ const styles = new StyleSheet.create({
         width: 99,
         height: 28,
     },
-    headerIcon: {
-        top: 6,
-        left: 6,
-    },
+
     searchInputContainer: {
         paddingLeft:5,
     },
     searchInputItem: {        
         borderWidth: 1,
     },
+
     footer: {
         borderTopWidth: 0.5,        
     },
-    footerTab: {
-
-    },
 
     containerVideoCall: {
         backgroundColor: '#000',
@@ -829,15 +825,10 @@ const styles = new StyleSheet.create({
     },
 
     loadingIndicator: {
-        marginLeft: 0,
-        marginTop: 0,
-        width:52,
-        height:52,
-    },
-    buttonLeftTopAndroid: {
-    },
-    buttonLeftTopIos: {
+        width:44,
+        height:44,
     },
+
     drawerContainer: {
         position: 'absolute',
         top:0,
@@ -850,14 +841,11 @@ const styles = new StyleSheet.create({
         justifyContent: 'flex-start',
     },
     drawerButtonIcon: {
-        top:6,
-        marginRight:15,
+        top:3,
+        marginRight:10,
         justifyContent: 'center',
         textAlign: 'center',
     },
-    drawerButtonText: {        
-        
-    },
 
     badge: {
         backgroundColor:'red', 

Icons.js

@@ -3,11 +3,21 @@ import React from 'react';
 import { Icon } from 'native-base';
 import { Path, G } from "react-native-svg";
 
+function Home(o) {
+    return (
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} class="w-6 h-6">
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+            </G>
+        </Icon>
+    );
+}
+
 function Apps(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 512 512" style={o.style}>
-            <G fill={o.color} strokeWidth={0}>
-                <Path d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z" />
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} class="w-6 h-6">
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z" />
             </G>
         </Icon>
     );
@@ -15,9 +25,9 @@ function Apps(o) {
 
 function Bell(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 448 512" style={o.style}>
-            <G fill={o.color} strokeWidth={5}>
-                <Path d="M439.39 362.29c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71zM67.53 368c21.22-27.97 44.42-74.33 44.53-159.42 0-.2-.06-.38-.06-.58 0-61.86 50.14-112 112-112s112 50.14 112 112c0 .2-.06.38-.06.58.11 85.1 23.31 131.46 44.53 159.42H67.53zM224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} class="w-6 h-6">
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" />
             </G>
         </Icon>
     );
@@ -25,9 +35,9 @@ function Bell(o) {
 
 function Plus(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 448 512" style={o.style}>
-            <G fill={o.color} strokeWidth={5}>
-                <Path d="M352 240v32c0 6.6-5.4 12-12 12h-88v88c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-88h-88c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h88v-88c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v88h88c6.6 0 12 5.4 12 12zm96-160v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-48 346V86c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} class="w-6 h-6">
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
             </G>
         </Icon>
     );
@@ -35,9 +45,9 @@ function Plus(o) {
 
 function Chat(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 576 512" style={o.style}>
-            <G fill={o.color} strokeWidth={5}>
-                <Path d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} class="w-6 h-6">
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
             </G>
         </Icon>
     );
@@ -45,9 +55,9 @@ function Chat(o) {
 
 function User(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 448 512" style={o.style}>
-            <G fill={o.color} strokeWidth={5}>
-                <Path d="M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} class="w-6 h-6">
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
             </G>
         </Icon>
     );
@@ -55,9 +65,9 @@ function User(o) {
 
 function Bars(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 870 873" style={o.style}>
-            <G fill={o.color}>
-                <Path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" strokeWidth={1.5} stroke={o.color} className="w-6 h-6">
+                <Path strokeLinecap="round" strokeLinejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
             </G>
         </Icon>
     );
@@ -65,9 +75,9 @@ function Bars(o) {
 
 function Search(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 870 873" style={o.style}>
-            <G fill={o.color}>
-                <Path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} class="w-6 h-6">
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
             </G>
         </Icon>
     );
@@ -75,9 +85,9 @@ function Search(o) {
 
 function Back(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 870 873" style={o.style}>
-            <G fill={o.color}>
-                <Path d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} class="w-6 h-6">
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" />
             </G>
         </Icon>
     );
@@ -85,9 +95,9 @@ function Back(o) {
 
 function Cross(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 320 512" style={o.style}>
-            <G fill={o.color} strokeWidth={5}>
-                <Path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} class="w-6 h-6">  
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
             </G>
         </Icon>
     );
@@ -95,9 +105,9 @@ function Cross(o) {
 
 function In(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 512 512" style={o.style}>
-            <G fill={o.color} strokeWidth={0}>
-                <Path d="M352 96h64c17.7 0 32 14.3 32 32V384c0 17.7-14.3 32-32 32H352c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c53 0 96-43 96-96V128c0-53-43-96-96-96H352c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-7.5 177.4c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6s-14.5 12.5-14.5 22v72H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H160v72c0 9.6 5.7 18.2 14.5 22s19 2 26-4.6l144-136z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" stroke-width="1.5" stroke={o.color} className="w-6 h-6">
+                <Path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9" />
             </G>
         </Icon>
     );
@@ -105,9 +115,9 @@ function In(o) {
 
 function PlusCircle(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 512 512" style={o.style}>
-            <G fill={o.color} strokeWidth={0}>
-                <Path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" strokeWidth={1.5} stroke={o.color} className="w-6 h-6">
+                <Path strokeLinecap="round" strokeLinejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
             </G>
         </Icon>
     );
@@ -115,12 +125,12 @@ function PlusCircle(o) {
 
 function Question(o) {
     return (
-        <Icon size={o.size} viewBox="0 0 512 512" style={o.style}>
-            <G fill={o.color} strokeWidth={0}>
-                <Path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z"/>
+        <Icon size={o.size} viewBox="0 0 24 24" style={o.style}>
+            <G fill="none" strokeWidth={1.5} stroke={o.color} className="w-6 h-6">
+                <Path strokeLinecap="round" strokeLinejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z" />
             </G>
         </Icon>
     );
 }
 
-export {Apps, Bell, Plus, Chat, User, Bars, Search, Back, Cross, In, PlusCircle, Question};
+export {Home, Apps, Bell, Plus, Chat, User, Bars, Search, Back, Cross, In, PlusCircle, Question};

Theme.js

@@ -5,19 +5,19 @@ const themeDark = {
     dark: true,
     barStyle: 'light-content',
     colors: {
-        primary: '#111827',
-        textOnPrimary: '#6B7280',
+        primary: '#1e293b',
+        textOnPrimary: '#e2e8f0',
         textOnPrimaryDisabled: '#111',
         background: '#000000',
-        toolbarBorder: '#1F2937',
+        toolbarBorder: '#475569',
         drawerBackground: '#F3F4F6',
         drawerText: '#1890ff',
-        drawerBorder: '#A3A4A5',
+        drawerBorder: '#475569',
         statusBar: '#000000',
-        activityIndicator: '#6B7280',
+        activityIndicator: '#e2e8f0',
         searchInputBackground: '#000000',
-        searchInputBorder: '#1F2937',
-        searchInputText: '#CFDBF3',
+        searchInputBorder: '#475569',
+        searchInputText: '#e2e8f0',
     }
 };
 const themeLight = {
@@ -25,18 +25,18 @@ const themeLight = {
     barStyle: 'dark-content',
     colors: {
         primary: '#fff',
-        textOnPrimary: '#6B7280',
+        textOnPrimary: '#334155',
         textOnPrimaryDisabled: '#eee',
         background: '#F3F4F6',
-        toolbarBorder: '#E4E9F2',
+        toolbarBorder: '#cbd5e1',
         drawerBackground: '#F3F4F6',
         drawerText: '#1890ff',
-        drawerBorder: '#A3A4A5',
+        drawerBorder: '#cbd5e1',
         statusBar: '#fff',
-        activityIndicator: '#6B7280',
+        activityIndicator: '#334155',
         searchInputBackground: '#F7F9FC',
-        searchInputBorder: '#E4E9F2',
-        searchInputText: '#6B7280',
+        searchInputBorder: '#cbd5e1',
+        searchInputText: '#334155',
     }
 };
 

android/app/build.gradle

@@ -168,7 +168,7 @@ android {
         release {
             // Caution! In production, you need to generate your own keystore file.
             // see https://reactnative.dev/docs/signed-apk-android.
-            signingConfig signingConfigs.debug
+            signingConfig signingConfigs.release
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
         }

ios/una.xcodeproj/project.pbxproj

@@ -612,7 +612,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_ENTITLEMENTS = una/una.entitlements;
-				CURRENT_PROJECT_VERSION = 2001;
+				CURRENT_PROJECT_VERSION = 2000;
 				DEVELOPMENT_TEAM = 235MTP3MJ2;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = una/Info.plist;
@@ -647,7 +647,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_ENTITLEMENTS = una/una.entitlements;
-				CURRENT_PROJECT_VERSION = 2001;
+				CURRENT_PROJECT_VERSION = 2000;
 				DEVELOPMENT_TEAM = 235MTP3MJ2;
 				INFOPLIST_FILE = una/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 11.0;