Fixed tab issues & added gallery view IO-397 IO-398

components/screen-main/screen-main.component.jsx

@@ -32,6 +32,7 @@ import ScreenCameraJobSearch from "../screen-camera-job-search/screen-camera-job
 const JobStack = createStackNavigator();
 const CameraStack = createStackNavigator();
 const MessagingStack = createStackNavigator();
+const MediaCacheStack = createStackNavigator();
 const BottomTabs = createBottomTabNavigator();
 const Drawer = createDrawerNavigator();
 
@@ -81,9 +82,9 @@ const JobStackNavigator = ({ navigation }) => (
 );
 
 const CameraStackNavigator = ({ navigation }) => (
-  <CameraStack.Navigator initialRouteName="TabCamera">
+  <CameraStack.Navigator initialRouteName="TabCameraScreen">
     <CameraStack.Screen
-      name="TabCamera"
+      name="TabCameraScreen"
       options={{ headerShown: false }}
       component={ScreenCamera}
     />
@@ -95,6 +96,11 @@ const CameraStackNavigator = ({ navigation }) => (
     <CameraStack.Screen name="MediaCache" component={ScreenMediaCache} />
   </CameraStack.Navigator>
 );
+const MediaCacheStackNavigator = ({ navigation }) => (
+  <CameraStack.Navigator initialRouteName="TabMediaCache">
+    <CameraStack.Screen name="MediaCache" component={ScreenMediaCache} />
+  </CameraStack.Navigator>
+);
 const MessagingStackNavigator = ({ navigation }) => (
   <MessagingStack.Navigator>
     <MessagingStack.Screen
@@ -119,6 +125,8 @@ const BottomTabsNavigator = () => (
           iconName = "ios-chatboxes";
         } else if (route.name === "CameraTab") {
           iconName = "ios-camera";
+        } else if (route.name === "MediaCacheTab") {
+          iconName = "ios-photos";
         }
         return <Ionicons name={iconName} size={size} color={color} />;
       },
@@ -138,6 +146,11 @@ const BottomTabsNavigator = () => (
       options={{ title: i18n.t("camera.titles.cameratab") }}
       component={CameraStackNavigator}
     />
+    <BottomTabs.Screen
+      name="MediaCacheTab"
+      options={{ title: i18n.t("mediacache.titles.mediacachetab") }}
+      component={MediaCacheStackNavigator}
+    />
     <BottomTabs.Screen
       name="MessagingTab"
       options={{ title: i18n.t("messaging.titles.messagingtab") }}