From 47a5909653544802b5e4f7b1e0628260692b52c0 Mon Sep 17 00:00:00 2001
From: Diego Mello <diegolmello@gmail.com>
Date: Mon, 27 Apr 2020 13:58:23 -0300
Subject: [PATCH] Biometry button on PasscodeEnter

---
 app/containers/Passcode/Base/index.js    | 14 +++++++++++---
 app/containers/Passcode/Base/styles.js   |  4 ++--
 app/containers/Passcode/PasscodeEnter.js | 19 ++++++++++++++++++-
 3 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/app/containers/Passcode/Base/index.js b/app/containers/Passcode/Base/index.js
index 8c46cd2b2..d5537302a 100644
--- a/app/containers/Passcode/Base/index.js
+++ b/app/containers/Passcode/Base/index.js
@@ -16,7 +16,7 @@ import { themes } from '../../../constants/colors';
 import { PASSCODE_LENGTH } from '../../../constants/localAuthentication';
 
 const Base = forwardRef(({
-	theme, type, onEndProcess, previousPasscode, title, subtitle, onError
+	theme, type, onEndProcess, previousPasscode, title, subtitle, onError, showBiometry, onBiometryPress
 }, ref) => {
 	const rootRef = useRef();
 	const dotsRef = useRef();
@@ -102,7 +102,13 @@ const Base = forwardRef(({
 						))}
 					</Row>
 					<Row style={styles.row}>
-						<Col style={styles.colButtonCircle} />
+						{showBiometry
+							? (
+								<Col style={styles.colButtonCircle}>
+									<Button text='B' theme={theme} onPress={onBiometryPress} />
+								</Col>
+							)
+							: <Col style={styles.colButtonCircle} />}
 						<Col style={styles.colButtonCircle}>
 							<Button text='0' theme={theme} onPress={onPressNumber} />
 						</Col>
@@ -122,8 +128,10 @@ Base.propTypes = {
 	previousPasscode: PropTypes.string,
 	title: PropTypes.string,
 	subtitle: PropTypes.string,
+	showBiometry: PropTypes.string,
 	onEndProcess: PropTypes.func,
-	onError: PropTypes.func
+	onError: PropTypes.func,
+	onBiometryPress: PropTypes.func
 };
 
 export default Base;
diff --git a/app/containers/Passcode/Base/styles.js b/app/containers/Passcode/Base/styles.js
index b4dfa0c02..bc48f527e 100644
--- a/app/containers/Passcode/Base/styles.js
+++ b/app/containers/Passcode/Base/styles.js
@@ -46,12 +46,12 @@ export default StyleSheet.create({
 	},
 	textTitle: {
 		fontSize: 20,
-		fontWeight: '200',
+		fontWeight: '300',
 		lineHeight: UNIT * 2.5
 	},
 	textSubtitle: {
 		fontSize: UNIT,
-		fontWeight: '200',
+		fontWeight: '300',
 		textAlign: 'center'
 	},
 	flexCirclePasscode: {
diff --git a/app/containers/Passcode/PasscodeEnter.js b/app/containers/Passcode/PasscodeEnter.js
index 179a6f62a..b619f3b0b 100644
--- a/app/containers/Passcode/PasscodeEnter.js
+++ b/app/containers/Passcode/PasscodeEnter.js
@@ -21,6 +21,7 @@ const PasscodeEnter = ({ theme, finishProcess }) => {
 	let lockedUntil = false;
 	const [passcode, setPasscode] = useState(null);
 	const [status, setStatus] = useState(TYPE.ENTER);
+	const [hasBiometry, setHasBiometry] = useState(false);
 	const { getItem: getAttempts, setItem: setAttempts } = useAsyncStorage(ATTEMPTS_KEY);
 	const { setItem: setLockedUntil } = useAsyncStorage(LOCKED_OUT_TIMER_KEY);
 
@@ -43,6 +44,11 @@ const PasscodeEnter = ({ theme, finishProcess }) => {
 		fetchPasscode();
 	};
 
+	const checkBiometry = async() => {
+		const b = await LocalAuthentication.isEnrolledAsync();
+		setHasBiometry(b);
+	};
+
 	const biometry = async() => {
 		const result = await LocalAuthentication.authenticateAsync({ disableDeviceFallback: true });
 		if (result?.success) {
@@ -52,6 +58,7 @@ const PasscodeEnter = ({ theme, finishProcess }) => {
 
 	useEffect(() => {
 		readStorage();
+		checkBiometry();
 		biometry();
 	}, []);
 
@@ -74,7 +81,17 @@ const PasscodeEnter = ({ theme, finishProcess }) => {
 		return <Locked theme={theme} setStatus={setStatus} />;
 	}
 
-	return <Base ref={ref} theme={theme} type={TYPE.ENTER} onEndProcess={onEndProcess} title={I18n.t('Passcode_enter_title')} />;
+	return (
+		<Base
+			ref={ref}
+			theme={theme}
+			type={TYPE.ENTER}
+			title={I18n.t('Passcode_enter_title')}
+			showBiometry={hasBiometry}
+			onEndProcess={onEndProcess}
+			onBiometryPress={biometry}
+		/>
+	);
 };
 
 PasscodeEnter.propTypes = {