update police

Author: charlotteisambert

src/pages/Step1.1.tsx

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { Button, StyleSheet, Text, View } from "react-native";
+import { Button, StyleSheet, Text, TextInput, View } from "react-native";
 import { StateMachineContext } from "../stateMachine/StateMachineProvider";
 import { FlowStackParamList } from "../navigation/FlowNavigator/FlowNavigator";
 
@@ -8,8 +8,9 @@ export default function Step11() {
 
   return (
     <View style={styles.container}>
-      <Text>Step 1.1</Text>
-      <Text>State machine state: {value}</Text>
+      <TextInput style={{ backgroundColor: "#DDDDDD", width: '70%' }} />
+      <Text style={{ fontSize:30}}>Step 1.1</Text>
+      <Text style={{ fontSize:30}}>State machine state: {value}</Text>
       <Button title="next" onPress={() => send("NEXT")} />
     </View>
   );

src/pages/Step2.1.tsx

@@ -21,8 +21,8 @@ export const Step21 = () => {
 
   return (
     <View style={styles.container}>
-      <Text>Step 2.1</Text>
-      <Text>State machine state: {value}</Text>
+      <Text style={{ fontSize:30}}>Step 2.1</Text>
+      <Text style={{ fontSize:30}}>State machine state: {value}</Text>
       <Button title="next" onPress={goToNext} />
       <Button title="back" onPress={goBack} />
     </View>

src/pages/Step2.2.tsx

@@ -32,8 +32,8 @@ export const Step22 = () => {
 
   return (
     <View style={styles.container}>
-      <Text>Step 2.2</Text>
-      <Text>State machine state: {value}</Text>
+      <Text style={{ fontSize:30}}>Step 2.2</Text>
+      <Text style={{ fontSize:30}}>State machine state: {value}</Text>
       <Button title="next" onPress={onNextPress} />
       <Button title="back" onPress={goBack} />
     </View>

src/pages/Step3.1.tsx

@@ -19,8 +19,8 @@ export const Step31 = () => {
 
   return (
     <View style={styles.container}>
-      <Text>Step 3.1</Text>
-      <Text>State machine state: {value}</Text>
+      <Text style={{ fontSize:30}}>Step 3.1</Text>
+      <Text style={{ fontSize:30}}>State machine state: {value}</Text>
       <Button title="next" onPress={goToNext} />
       <Button title="back" onPress={goBack} />
     </View>

src/pages/Step3.2.tsx

@@ -14,8 +14,8 @@ export const Step32 = () => {
 
   return (
     <View style={styles.container}>
-      <Text>Step 3.2</Text>
-      <Text>State machine state: {value}</Text>
+      <Text style={{ fontSize:30}}>Step 3.2</Text>
+      <Text style={{ fontSize:30}}>State machine state: {value}</Text>
       <Button title="next" onPress={()=>send("NEXT")} />
       <Button title="back" onPress={goBack} />
     </View>

src/pages/Step4.1.tsx

@@ -16,8 +16,8 @@ export const Step41 = () => {
 
   return (
     <View style={styles.container}>
-      <Text>Step 4.1</Text>
-      <Text>State machine state: {value}</Text>
+      <Text style={{ fontSize:30}}>Step 4.1</Text>
+      <Text style={{ fontSize:30}}>State machine state: {value}</Text>
       <Button title="back" onPress={goBack} />
     </View>
   );