Adjusted RTL in scan screens & corrected env.

App.tsx

@@ -8,7 +8,7 @@ import { useSelector } from '@xstate/react';
 import { selectIsReady } from './machines/app';
 
 import './i18n';
-import { SplashLogoScreen } from './screens/SplashLogoScreen';
+import { SplashLogoScreen } from './screens/SplashScreen';
 
 const AppInitialization: React.FC = () => {
   const { appService } = useContext(GlobalContext);

components/InProgress.tsx

@@ -8,15 +8,16 @@ import Loader from 'react-native-three-dots-loader';
 
 export const InProgress: React.FC<InProgressProps> = (props) => {
   const { t } = useTranslation('ScanScreen');
+  const progressTitle = props.title;
 
   return (
     <React.Fragment>
       <Modal
         isVisible={props.isVisible}
+        headerLeft={t(props.title)}
         onDismiss={props.onCancel}
-        headerLeft={t('In Progress')}
         headerLabel={props.label}
-        headerElevation={2}>
+        headerElevation={3}>
         <Centered crossAlign="center" fill>
           <Column align="space-around">
             <Image
@@ -35,6 +36,7 @@ export const InProgress: React.FC<InProgressProps> = (props) => {
 
 export interface InProgressProps {
   isVisible: boolean;
+  title?: string;
   label?: string;
   onCancel?: () => void;
 }

locales/en.json

@@ -229,7 +229,7 @@
     "home": "Home",
     "scan": "Scan",
     "request": "Request",
-    "history": "History"
+    "history": "History",
     "settings": "Settings"
   },
   "PasscodeScreen": {

locales/hin.json

@@ -188,7 +188,7 @@
       "home": "होम",
       "scan": "स्कैन",
       "request": "अनुरोध",
-      "settings": "सेटिंग्स"
+      "settings": "सेटिंग्स",
       "history": "इतिहास"
     },
     "PasscodeScreen": {

screens/MainLayout.tsx

@@ -52,9 +52,13 @@ export const MainLayout: React.FC<RootRouteProps> = () => {
         />
       </Row>
     ),
-    headerTitleStyle: { fontFamily: 'Inter_600SemiBold', fontSize: 30 },
-    headerLeftContainerStyle: { paddingStart: 8 },
+    headerTitleStyle: {
+      fontFamily: 'Inter_600SemiBold',
+      fontSize: 30,
+      margin: 8,
+    },
     headerRightContainerStyle: { paddingEnd: 13 },
+    headerLeftContainerStyle: { paddingEnd: 13 },
     tabBarShowLabel: true,
     tabBarLabelStyle: {
       fontSize: 12,

screens/Scan/ScanLayout.tsx

@@ -34,7 +34,7 @@ export const ScanLayout: React.FC = () => {
         {!controller.isDone && (
           <ScanStack.Screen
             name="SendVcScreen"
-            component={SendVcScreen}
+            component={ScanScreen}
             options={{
               title: t('requester', {
                 vcLabel: controller.vcLabel.singular,
@@ -45,7 +45,7 @@ export const ScanLayout: React.FC = () => {
         )}
         <ScanStack.Screen
           name="ScanScreen"
-          component={ScanScreen}
+          component={SendVcScreen}
           options={{
             headerTitleStyle: { fontSize: 30, fontFamily: 'Inter_600SemiBold' },
             title: t('MainLayout:scan'),

screens/Settings/SettingScreen.tsx

@@ -22,7 +22,7 @@ const LanguageSetting: React.FC = () => {
   return (
     <LanguageSelector
       triggerComponent={
-        <ListItem>
+        <ListItem bottomDivider>
           <Icon
             name="globe"
             size={22}

shared/constants.ts

@@ -4,7 +4,7 @@ import {
   GOOGLE_NEARBY_MESSAGES_API_KEY,
 } from 'react-native-dotenv';
 
-export const HOST = 'https://api.dev.mosip.net/residentmobileapp';
+export const HOST = MIMOTO_HOST;
 
 export const MY_VCS_STORE_KEY = 'myVCs';