diff --git a/app/mobile/src/session/settings/Settings.jsx b/app/mobile/src/session/settings/Settings.jsx index fe77fee9..e7b3d9f7 100644 --- a/app/mobile/src/session/settings/Settings.jsx +++ b/app/mobile/src/session/settings/Settings.jsx @@ -234,7 +234,7 @@ export function Settings({ drawer }) { { state.strings.mfaTitle } + trackColor={styles.track} onValueChange={toggleMFA} /> @@ -894,7 +894,7 @@ export function Settings({ drawer }) { > - + { state.strings.mfaTitle } { state.strings.mfaSteps } @@ -935,7 +935,7 @@ export function Settings({ drawer }) { )} - + diff --git a/app/mobile/src/utils/InputCode.jsx b/app/mobile/src/utils/InputCode.jsx index 612b7533..be995aa4 100644 --- a/app/mobile/src/utils/InputCode.jsx +++ b/app/mobile/src/utils/InputCode.jsx @@ -1,13 +1,17 @@ import { TextInput, Text, View, TouchableOpacity } from 'react-native'; -import { useState } from 'react'; +import { useState, useRef } from 'react'; export function InputCode({ onChangeText, style }) { const [code, setCode] = useState(''); + const ref = useRef(); const updateCode = (value) => { if (value.length >= 6) { onChangeText(value.slice(0, 6)); + if (ref.current) { + ref.current.blur(); + } } else { onChangeText(''); @@ -38,7 +42,7 @@ export function InputCode({ onChangeText, style }) { { code.charAt(5) } - + );