fix: create account screen (#8)

* fix: create account texts * chore: bump version
TallerDeProgramacion2-2022-2c-Grupo7 · Sep 21, 2022 · 39a080d · 39a080d
1 parent 85c5aa1
commit 39a080d
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 14 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "FIUBER",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "private": true,
   "scripts": {
     "android": "react-native run-android",
@@ -57,14 +57,7 @@
   },
   "jest": {
     "preset": "react-native",
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "jsx",
-      "json",
-      "node"
-    ],
+    "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"],
     "transformIgnorePatterns": [
       "node_modules/(?!((jest-)?@react-native|react-native|react-navigation|@react-navigation/.*))"
     ]

diff --git a/src/navigation/index.tsx b/src/navigation/index.tsx
@@ -1,4 +1,5 @@
 import {
+  DefaultTheme,
   NavigationContainer,
   useNavigationContainerRef,
 } from '@react-navigation/native';
@@ -20,14 +21,20 @@ const Navigator = () => {
   const navigationRef = useNavigationContainerRef(); // You can also use a regular ref with `React.useRef()`
 
   return (
-    <NavigationContainer ref={navigationRef}>
+    <NavigationContainer
+      ref={navigationRef}
+      theme={{
+        ...DefaultTheme,
+        colors: { ...DefaultTheme.colors, background: 'transparent' },
+      }}>
       <Stack.Navigator
         initialRouteName={initialRoute}
         screenOptions={{
           headerShown: false,
-          cardStyle: { backgroundColor: Colors.White.Primary },
           gestureEnabled: true,
           gestureDirection: 'horizontal',
+          detachPreviousScreen: true,
+          presentation: 'transparentModal',
         }}>
         <Stack.Screen name={ROUTES.WELCOME} component={Welcome} />
         <Stack.Screen name={ROUTES.LOGIN_SCREEN} component={LoginScreen} />

diff --git a/src/screens/SignUp/index.tsx b/src/screens/SignUp/index.tsx
@@ -64,7 +64,7 @@ function SignUp({ navigation }: Props) {
     <Container>
       <KeyboardScrollView contentStyle={styles.container}>
         <View>
-          <Text style={styles.title}>{t('login.unlock')}</Text>
+          <Text style={styles.title}>{t('signup.title')}</Text>
         </View>
         <View style={[styles.emailInputContainer]}>
           <TextInput
@@ -84,13 +84,13 @@ function SignUp({ navigation }: Props) {
         />
         <Button
           disabled={!isValidPassword(password)}
-          text={t('login.submit')}
+          text={t('signup.submit')}
           onPress={() => handleSubmit(email, password)}
           loading={loading}
           buttonStyle={styles.buttonMargin}
         />
         <Button
-          text={t('login.moreOptions')}
+          text={t('signup.moreOptions')}
           onLongPress={() => console.log('long press')}
           onPress={() => console.log('press')}
           iconStyle={styles.moreOptionsIcon}

diff --git a/src/translations/en/index.js b/src/translations/en/index.js
@@ -9,6 +9,11 @@ const translations = {
     unlock: 'Unlock',
     moreOptions: 'More options',
   },
+  signup: {
+    submit: 'Create',
+    title: 'Create Account',
+    moreOptions: 'More options',
+  },
   common: {
     enterPassword: 'Enter password',
     enterEmail: 'Enter email',