Cambio de imagen y utilizacion del componente botton

Endurance-Soft · Apr 30, 2024 · c1c8947 · c1c8947
1 parent dc1e0b9
commit c1c8947
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/screens/ActivationScreen.js b/src/screens/ActivationScreen.js
@@ -100,8 +100,8 @@
 					{message && <StyledText style={styles.errorFormat}>La clave de activación es incorrecta</StyledText>}
 					<StyledText style={styles.softText}>Al continuar acepta todos los términos, condiciones y políticas de privacidad.</StyledText>
 					<SimpleButton text="Continuar" onPress={handleSend} width={styles.button.width} />
-					{/* <SimpleButton text="Saltar" onPress={handleSkip} width={styles.button.width} /> */}
 					<StyledText style={styles.softText}>Si desea adquirir una licencia del producto por favor comuníquese con nuestro equipo de ventas.</StyledText>
+					<SimpleButton text="Saltar" onPress={handleSkip} width={styles.button.width} />
 				</View>
 
 			</SafeAreaView>

diff --git a/src/screens/LoginScreen.js b/src/screens/LoginScreen.js
@@ -7,9 +7,11 @@ import {db} from "../../config/firebase";
 import { collection, addDoc } from 'firebase/firestore';
 import StyledText from "../utils/StyledText";
 import userStore from "../stores/userStore"; 
+import SimpleButton from "../utils/SimpleButton";
 
 const windowWidth = Dimensions.get('window').width;
 const windowHeight = Dimensions.get('window').height;
+const aspectRatio = 5285 / 5315;
 
 const LoginScreen = () => {
   const [info, setInfo] = useState({
@@ -67,8 +69,7 @@ const LoginScreen = () => {
       <KeyboardAvoidingView style={{ flex: 1}} behavior="padding"> 
       <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
       <View style={styles.containerImgs}>
-        <Image source={require('../assets/forma1.png')} style={{ width: windowWidth*0.28, height: 87 }} />
-        <Image source={require('../assets/formas.png')} style={{ width: windowWidth*0.72, height: 206 }} />
+        <Image source={require('../assets/formas.png')} style={{ width: windowWidth * 0.75, height: windowWidth * 0.75 * aspectRatio }} />
       </View>
       <View>
         <StyledText boldCenterText style={styles.title}>Información Personal</StyledText>
@@ -96,9 +97,7 @@ const LoginScreen = () => {
           keyboardType="email-address"
         />
         {message && <StyledText regularText style={styles.errorFormat}>Por favor ingrese un correo válido</StyledText>}
-        <TouchableOpacity style={styles.button} onPress={handleSend}>
-          <StyledText boldText style={styles.continueButton}>Continuar</StyledText>
-        </TouchableOpacity>
+        <SimpleButton text="Continuar" onPress={handleSend} width={styles.button.width} />
       </View>
       </ScrollView>
       </KeyboardAvoidingView>
@@ -109,7 +108,7 @@ const LoginScreen = () => {
 const styles = StyleSheet.create({
 	container: {
 		flex: 1,
-		backgroundColor: '#bbe6ec',
+		backgroundColor: '#9DBBE2',
 		padding: 20,
 	},
   containerImgs:{