minor fixes

apps/mobile/src/views/Signup/index.js

@@ -14,8 +14,15 @@ import { useIsFocused } from '@react-navigation/native';
 import {opacity, pv, SIZE, WEIGHT, ph} from '../../common/common';
 import {Header} from '../../components/header';
 import {useTracked} from '../../provider';
-import {eSubscribeEvent, eUnSubscribeEvent} from '../../services/eventManager';
-import {eLoginDialogNavigateBack} from '../../services/events';
+import {
+  eSubscribeEvent,
+  eUnSubscribeEvent,
+  eSendEvent,
+} from '../../services/eventManager';
+import {
+  eLoginDialogNavigateBack,
+  eCloseLoginDialog,
+} from '../../services/events';
 import * as Animatable from 'react-native-animatable';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 import {
@@ -46,7 +53,9 @@ export const Signup = ({route,navigation}) => {
   const [failed, setFailed] = useState(false);
   const [modalVisible, setModalVisible] = useState(false);
   const [confirmPassword, setConfirmPassword] = useState(false);
-  const [key, setKey] = useState('xyzLLbr1tafjdfklsdfjlksafjhklfadsafsljkfsfadfljkdfassafsafaffasdfsafafs');
+  const [key, setKey] = useState(
+    'xyzLLbr1tafjdfklsdfjlksafjhklfadsafsljkfsfadfljkdfassafsafaffasdfsafafs',
+  );
   const [passwordReEnter, setPasswordReEnter] = useState(null);
   const [secureEntry, setSecureEntry] = useState(true);
   let isFocused = useIsFocused();
@@ -114,7 +123,7 @@ export const Signup = ({route,navigation}) => {
       <Modal
         animated={true}
         animationType="fade"
-        visible={modalVisible}
+        visible={true}
         transparent={true}>
         <View
           style={{
@@ -126,6 +135,7 @@ export const Signup = ({route,navigation}) => {
             style={{
               width: '100%',
               backgroundColor: colors.bg,
+              paddingHorizontal: DDS.isTab ? '20%' : '0%',
               height: '100%',
               alignItems: 'center',
               justifyContent: 'center',
@@ -139,7 +149,6 @@ export const Signup = ({route,navigation}) => {
               }}>
               Hi there!
             </Text>
-
             <Text
               style={{
                 fontFamily: WEIGHT.regular,
@@ -148,9 +157,8 @@ export const Signup = ({route,navigation}) => {
                 textAlign: 'center',
                 color: colors.pri,
               }}>
-              All your data is end-to-end encrypted. This
-              means that we cannot read your data or recover your password if
-              you forget it.{' '}
+              All your data is end-to-end encrypted. This means that we cannot
+              read your data or recover your password if you forget it.{' '}
               <Text
                 style={{
                   color: colors.errorText,
@@ -219,8 +227,10 @@ export const Signup = ({route,navigation}) => {
 
             <TouchableOpacity
               onPress={() => {
+                DDS.isTab
+                  ? eSendEvent(eCloseLoginDialog)
+                  : navigation.navigate('Home');
                 setModalVisible(false);
-                navigation.navigate('Home');
               }}
               activeOpacity={opacity}
               style={{
@@ -534,7 +544,6 @@ export const Signup = ({route,navigation}) => {
                             borderColor: colors.errorText,
                           },
                         });
-                        
                       } else {
                         setInvalidPassword(false);
                         _passContainer.current?.setNativeProps({
@@ -671,7 +680,7 @@ export const Signup = ({route,navigation}) => {
                 width: '100%',
                 alignItems: 'center',
                 justifyContent: 'center',
-                height: 150,
+                height: 75,
               }}>
               <TouchableOpacity
                 onPress={() => {
@@ -703,6 +712,4 @@ export const Signup = ({route,navigation}) => {
   );
 };
 
-
-
 export default Signup;