show Google Button in sign in screen

binarapps · Apr 5, 2024 · 5f6cf2a · 5f6cf2a
1 parent 30fe282
commit 5f6cf2a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/.env b/.env
diff --git a/src/design-system/components/GoogleButton/GoogleButton.tsx b/src/design-system/components/GoogleButton/GoogleButton.tsx
@@ -11,7 +11,7 @@ type GoogleButtonProps = {
 
 export const GoogleButton = ({ onPress, isDisabled }: GoogleButtonProps) => {
   return (
-    <Button mb={6} onPress={onPress} variant="Outline" disabled={isDisabled}>
+    <Button mb={6} onPress={onPress} disabled={isDisabled}>
       <Image source={googleIcon} alt="google-icon" />
       <Text pl={3}>Log in with Google</Text>
     </Button>

diff --git a/src/screens/auth/SignInScreen.tsx b/src/screens/auth/SignInScreen.tsx
@@ -6,7 +6,16 @@ import {
   Version,
 } from '@baca/components'
 import { REGEX, isWeb } from '@baca/constants'
-import { Box, Button, Center, Display, Row, Spacer, Text } from '@baca/design-system'
+import {
+  Box,
+  Button,
+  Center,
+  Display,
+  Row,
+  SignInWithGoogle,
+  Spacer,
+  Text,
+} from '@baca/design-system'
 import { useCallback, useSignInForm, useTranslation } from '@baca/hooks'
 import { useRouter } from 'expo-router'
 
@@ -104,6 +113,7 @@ export const SignInScreen = (): JSX.Element => {
         >
           {t('sign_in_screen.sign_in')}
         </Button>
+        <SignInWithGoogle />
         <Row alignItems="center">
           <Text.SmRegular color="text.tertiary">
             {t('sign_in_screen.do_not_have_an_account')}