diff --git a/ui/src/components/BrandButtons/LoginWithGoogle.tsx b/ui/src/components/BrandButtons/LoginWithGoogle.tsx
new file mode 100644
index 0000000..0dedcd0
--- /dev/null
+++ b/ui/src/components/BrandButtons/LoginWithGoogle.tsx
@@ -0,0 +1,45 @@
+import "./login-with-google.css";
+import { useLoginGoogle } from "../../hooks/auth";
+
+export function LoginWithGoogle() {
+ const { loginWithGoogle } = useLoginGoogle();
+
+ return (
+
+ );
+}
diff --git a/ui/src/pages/login.tsx b/ui/src/pages/login.tsx
index 1213eb7..66e4af2 100644
--- a/ui/src/pages/login.tsx
+++ b/ui/src/pages/login.tsx
@@ -1,11 +1,11 @@
import { Button } from "../ui-library/button";
import { twMerge } from "tailwind-merge";
import { useNavigate } from "react-router-dom";
-import { LoginWithGoogle } from "../components/BrandButtons/LoginWithGoogle";
import { useState } from "react";
import { Label, Input, TextField, FieldError } from "../ui-library/field";
import { useLoginEmail } from "../hooks/auth";
import { Form } from "../ui-library/form";
+import { LoginWithGoogle } from "../components/BrandButtons/LoginWithGoogle";
export function LoginPage() {
const navigate = useNavigate();
diff --git a/ui/src/pages/signup.tsx b/ui/src/pages/signup.tsx
index 93feb3a..6161743 100644
--- a/ui/src/pages/signup.tsx
+++ b/ui/src/pages/signup.tsx
@@ -1,12 +1,12 @@
import { Button } from "../ui-library/button";
import { twMerge } from "tailwind-merge";
import { useNavigate } from "react-router-dom";
-import { LoginWithGoogle } from "../components/BrandButtons/LoginWithGoogle";
import { useState } from "react";
import { Label, Input, TextField, FieldError } from "../ui-library/field";
import { useSignUp } from "../hooks/auth";
import { Form } from "../ui-library/form";
import { Text } from "../ui-library/text";
+import { LoginWithGoogle } from "../components/BrandButtons/LoginWithGoogle";
export function SignUpPage() {
const navigate = useNavigate();
diff --git a/ui/stats.html b/ui/stats.html
index 4fc00eb..fcd2065 100644
--- a/ui/stats.html
+++ b/ui/stats.html
@@ -4929,7 +4929,7 @@ var drawChart = (function (exports) {