From ec8ace93ef70c02b98ef00ba84180e55aaa8765b Mon Sep 17 00:00:00 2001
From: Quentin TREHEUX <quentin.treheux@epitech.eu>
Date: Mon, 29 May 2023 11:22:50 +0200
Subject: [PATCH] [UPD] add google login button

---
 front/views/AuthenticationView.tsx | 34 ++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/front/views/AuthenticationView.tsx b/front/views/AuthenticationView.tsx
index cb63382..e0b7037 100644
--- a/front/views/AuthenticationView.tsx
+++ b/front/views/AuthenticationView.tsx
@@ -7,6 +7,8 @@ import { Center, Button, Text } from 'native-base';
 import SigninForm from "../components/forms/signinform";
 import SignupForm from "../components/forms/signupform";
 import TextButton from "../components/TextButton";
+import { GoogleSignin, GoogleSigninButton } from '@react-native-community/google-signin';
+import Constants from 'expo-constants';
 
 const hanldeSignin = async (username: string, password: string, apiSetter: (accessToken: string) => void): Promise<string> => {
 	try {
@@ -32,9 +34,34 @@ const handleSignup = async (username: string, password: string, email: string, a
 	}
 };
 
+GoogleSignin.configure({
+	webClientId: Constants.manifest?.extra?.googleClientId,
+	offlineAccess: true,
+});
+
 const AuthenticationView = () => {
 	const dispatch = useDispatch();
 	const [mode, setMode] = React.useState("signin" as "signin" | "signup");
+	const [signinInProgress, setSigninInProgress] = React.useState(false);
+
+
+	const handleGoogleSignin = React.useCallback(async () => {
+		try {
+			setSigninInProgress(true);
+			await GoogleSignin.hasPlayServices();
+			const userInfo = await GoogleSignin.signIn();
+			const apiAccess = await API.authWithGoogle({ token: userInfo.idToken });
+			dispatch(setAccessToken(apiAccess));
+			return;
+		} catch (error) {
+			console.log(error);
+			if (error instanceof APIError) return translate(error.userMessage);
+			if (error instanceof Error) return error.message;
+			return translate("unknownError");
+		} finally {
+			setSigninInProgress(false);
+		}
+	}, [dispatch]);
 
 	return (
 		<Center style={{ flex: 1 }}>
@@ -49,6 +76,13 @@ const AuthenticationView = () => {
 				variant='outline' marginTop={5} colorScheme='primary'
 				onPress={() => setMode(mode === "signin" ? "signup" : "signin")}
 			/>
+			<GoogleSigninButton
+				style={{ width: 192, height: 48, marginTop: 5 }}
+				size={GoogleSigninButton.Size.Wide}
+				color={GoogleSigninButton.Color.Dark}
+				onPress={handleGoogleSignin}
+				disabled={signinInProgress}
+			/>
 		</Center>
 	);
 };