diff --git a/src/screens/Settings/screens/ChangePasscode/index.tsx b/src/screens/Settings/screens/ChangePasscode/index.tsx index 2ba7481d1..dc007091f 100644 --- a/src/screens/Settings/screens/ChangePasscode/index.tsx +++ b/src/screens/Settings/screens/ChangePasscode/index.tsx @@ -11,12 +11,15 @@ import { Header } from '@components/composite'; import { usePasscodeStore } from '@features/passcode'; import { COLORS } from '@constants/colors'; import { styles } from './styles'; +import { usePasscodeActions } from '@features/passcode/lib/hooks'; export const ChangePasscode = () => { const { t } = useTranslation(); const { top } = useSafeAreaInsets(); - const { passcode, onChangePasscode } = usePasscodeStore(); + const { passcode } = usePasscodeStore(); const navigation = useNavigation(); + const { onChangePasscodeHandle } = usePasscodeActions(); + const [step, setStep] = useState(passcode.length === 0 ? 2 : 1); // ask current passcode if already saved const [newPasscode, setNewPasscode] = useState([]); const [buttonError, setButtonError] = useState(true); @@ -54,7 +57,7 @@ export const ChangePasscode = () => { const onStep3Press = useCallback( (_typedPasscode: string[]) => { if (JSON.stringify(newPasscode) === JSON.stringify(_typedPasscode)) { - onChangePasscode(_typedPasscode); + onChangePasscodeHandle(_typedPasscode); navigation.navigate('SecuritySettings'); Toast.show({ text: t('change.passcode.success'), @@ -75,7 +78,7 @@ export const ChangePasscode = () => { ); } }, - [navigation, newPasscode, onChangePasscode, t] + [navigation, newPasscode, onChangePasscodeHandle, t] ); const handlePasscodeBtnPress = useCallback( @@ -136,7 +139,11 @@ export const ChangePasscode = () => { return ( -
+