Add auto next with timeout

lukasmasuch · lukasmasuch · commit b84c8bc966a0 · 2020-04-03T01:43:43.000+02:00
diff --git a/app/mobile/constants/Configuration.js b/app/mobile/constants/Configuration.js
@@ -1,4 +1,5 @@
 export const DEFAULT_COUNTRY_CODE = 'DE';
-export const AUTO_NEXT_ENABLED = false;
+export const AUTO_NEXT_ENABLED = true;
+export const AUTO_NEXT_TIMEOUT = 200;
 export const APP_NAME = "cotect"
 export const OFFLINE_MODE_ENABLED = true;
diff --git a/app/mobile/screens/steps/CovidContactStep.js b/app/mobile/screens/steps/CovidContactStep.js
@@ -10,7 +10,7 @@ import {RadioButton, Text, TouchableRipple} from 'react-native-paper';
 
 import StepContainer from './StepContainer';
 
-import {AUTO_NEXT_ENABLED} from '../../constants/Configuration';
+import {AUTO_NEXT_ENABLED, AUTO_NEXT_TIMEOUT} from '../../constants/Configuration';
 
 const styles = StyleSheet.create({
     radioButtonItem: {
@@ -26,14 +26,16 @@ export default function CovidContactStep(props) {
         {key: 'true', value: t('basics.yes')},
         {key: 'false', value: t('basics.no')},
     ];
-    
+
     const [selection, setSelection] = useState(props.caseReport.covid_contact !== undefined && props.caseReport.covid_contact !== null ? String(props.caseReport.covid_contact) : undefined);
 
     const onSelect = item => {
         setSelection(item);
         if (AUTO_NEXT_ENABLED) {
-            // onNext is triggers faster then the state change?
-            props.onNext(getStateToBeSaved(item));
+            setTimeout(() => {
+                 // onNext is triggers faster then the state change?
+                props.onNext(getStateToBeSaved(item));
+            }, AUTO_NEXT_TIMEOUT);
         }
     };
 
diff --git a/app/mobile/screens/steps/CovidTestedStep.js b/app/mobile/screens/steps/CovidTestedStep.js
@@ -10,7 +10,7 @@ import {RadioButton, Text, TouchableRipple} from 'react-native-paper';
 
 import {CaseReport} from '../../client/cotect-backend/index';
 
-import {AUTO_NEXT_ENABLED} from '../../constants/Configuration';
+import {AUTO_NEXT_ENABLED, AUTO_NEXT_TIMEOUT} from '../../constants/Configuration';
 
 import StepContainer from './StepContainer';
 
@@ -46,8 +46,10 @@ export default function CovidTestedStep(props) {
         setSelection(item);
 
         if (AUTO_NEXT_ENABLED) {
-            // onNext is triggered faster then the state change?
-            props.onNext(getStateToBeSaved(item));
+            setTimeout(() => {
+                // onNext is triggered faster then the state change?
+                props.onNext(getStateToBeSaved(item));
+           }, AUTO_NEXT_TIMEOUT);
         }
     };
 
diff --git a/app/mobile/screens/steps/GenderStep.js b/app/mobile/screens/steps/GenderStep.js
@@ -12,7 +12,7 @@ import {CaseReport} from '../../client/cotect-backend/index';
 
 import StepContainer from './StepContainer';
 
-import {AUTO_NEXT_ENABLED} from '../../constants/Configuration';
+import {AUTO_NEXT_ENABLED, AUTO_NEXT_TIMEOUT} from '../../constants/Configuration';
 
 const styles = StyleSheet.create({
     radioButtonItem: {
@@ -34,8 +34,10 @@ export default function GenderStep(props) {
     const onSelect = item => {
         setSelection(item);
         if (AUTO_NEXT_ENABLED) {
-            // onNext is triggered faster then the state change?
-            props.onNext(getStateToBeSaved(item));
+            setTimeout(() => {
+                // onNext is triggered faster then the state change?
+                props.onNext(getStateToBeSaved(item));
+           }, AUTO_NEXT_TIMEOUT);
         }
     };
 
diff --git a/app/mobile/screens/steps/SymptomsDateStep.js b/app/mobile/screens/steps/SymptomsDateStep.js
@@ -14,7 +14,7 @@ import {format, subDays, parseISO} from 'date-fns';
 
 import {CALENDAR_THEME} from '../../constants/DefaultStyles';
 
-import {AUTO_NEXT_ENABLED} from '../../constants/Configuration';
+import {AUTO_NEXT_ENABLED, AUTO_NEXT_TIMEOUT} from '../../constants/Configuration';
 
 const styles = StyleSheet.create({});
 
@@ -80,8 +80,11 @@ export default function SymptomsDateStep(props) {
             setSelectedDate(date);
             setMarkedDate(newMarkedDate);
             if (AUTO_NEXT_ENABLED) {
-                // jump to next step
-                props.onNext(getStateToBeSaved(date));
+                setTimeout(() => {
+                    // jump to next step
+                    props.onNext(getStateToBeSaved(date));
+               }, AUTO_NEXT_TIMEOUT);
+               
             }
         }
     };
