diff --git a/front/src/modules/auth/sign-in-up/components/SignInUpForm.tsx b/front/src/modules/auth/sign-in-up/components/SignInUpForm.tsx index 335d663c0..b249b61a0 100644 --- a/front/src/modules/auth/sign-in-up/components/SignInUpForm.tsx +++ b/front/src/modules/auth/sign-in-up/components/SignInUpForm.tsx @@ -4,7 +4,7 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { motion } from 'framer-motion'; -import { IconBrandGoogle } from '@/ui/display/icon'; +import { IconGoogle } from '@/ui/display/icon/components/IconGoogle'; import { MainButton } from '@/ui/input/button/components/MainButton'; import { TextInput } from '@/ui/input/components/TextInput'; import { AnimatedEaseIn } from '@/ui/utilities/animation/components/AnimatedEaseIn'; @@ -95,12 +95,7 @@ export const SignInUpForm = () => { {authProviders.google && ( <> ( - - )} + Icon={() => } title="Continue with Google" onClick={signInWithGoogle} fullWidth diff --git a/front/src/modules/ui/display/icon/assets/google-icon.svg b/front/src/modules/ui/display/icon/assets/google-icon.svg new file mode 100644 index 000000000..5166126ca --- /dev/null +++ b/front/src/modules/ui/display/icon/assets/google-icon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/front/src/modules/ui/display/icon/components/IconGoogle.tsx b/front/src/modules/ui/display/icon/components/IconGoogle.tsx new file mode 100644 index 000000000..59ef4899b --- /dev/null +++ b/front/src/modules/ui/display/icon/components/IconGoogle.tsx @@ -0,0 +1,14 @@ +import { useTheme } from '@emotion/react'; + +import { ReactComponent as IconGoogleRaw } from '../assets/google-icon.svg'; + +interface IconGoogleProps { + size?: number; +} + +export const IconGoogle = (props: IconGoogleProps): JSX.Element => { + const theme = useTheme(); + const size = props.size ?? theme.icon.size.lg; + + return ; +};