From 0360a032c13486d934ce85bdb3989b2eef1230a5 Mon Sep 17 00:00:00 2001
From: andrew-bierman <abbierman101@gmail.com>
Date: Fri, 31 Mar 2023 10:17:45 -0400
Subject: [PATCH] styling sign in / sign up google button

---
 client/screens/LoginScreen.js    | 12 ++++++++----
 client/screens/RegisterScreen.js | 11 +++++++----
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/client/screens/LoginScreen.js b/client/screens/LoginScreen.js
index 9a29d561d5..4133892758 100644
--- a/client/screens/LoginScreen.js
+++ b/client/screens/LoginScreen.js
@@ -11,6 +11,8 @@ import {
   NativeBaseProvider,
 } from "native-base";
 
+import { FontAwesome } from "@expo/vector-icons";
+
 import * as WebBrowser from 'expo-web-browser';
 import * as Google from 'expo-auth-session/providers/google';
 import { useState, useEffect } from "react";
@@ -159,16 +161,18 @@ export default function Login() {
               Or
             </Heading>
           </HStack>
-          <HStack mt="1" justifyContent="center">
+          <HStack mt="1" justifyContent="center" alignItems="center">
             <Button
               w="100%"
               onPress={() => {
                 promptAsync();
               }}
-              mt="2"
-              colorScheme="red"
+              colorScheme={"red"}
+              startIcon={
+                <FontAwesome name="google" size={18} color="white" />
+              }
             >
-              {"Sign in with Google"}
+              Sign in with Google
             </Button>
           </HStack>
           {/* Google Login */}
diff --git a/client/screens/RegisterScreen.js b/client/screens/RegisterScreen.js
index f471c3bf7b..ef78632f94 100644
--- a/client/screens/RegisterScreen.js
+++ b/client/screens/RegisterScreen.js
@@ -10,6 +10,7 @@ import {
   Text,
   View
 } from "native-base";
+import { FontAwesome } from '@expo/vector-icons';
 import * as WebBrowser from 'expo-web-browser';
 import * as Google from 'expo-auth-session/providers/google';
 import { useState, useEffect } from "react";
@@ -153,16 +154,18 @@ export default function Register() {
               Or
             </Heading>
           </HStack>
-          <HStack mt="1" justifyContent="center">
+          <HStack mt="1" justifyContent="center" alignItems="center">
             <Button
               w="100%"
               onPress={() => {
                 promptAsync();
               }}
-              mt="2"
-              colorScheme="red"
+              colorScheme={"red"}
+              startIcon={
+                <FontAwesome name="google" size={16} color="white" />
+              }
             >
-              {"Sign up with google"}
+              Sign up with Google
             </Button>
           </HStack>
           {/* Google register */}