From 943065b7b3c69f89fa28ef66dfde61323e50b41c Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Thu, 12 Dec 2024 11:19:19 -0800
Subject: [PATCH] Remove dead dependencies and improve the google sign in
 button

---
 .../app/components/loginPrompt/loginPrompt.tsx | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/src/interface/web/app/components/loginPrompt/loginPrompt.tsx b/src/interface/web/app/components/loginPrompt/loginPrompt.tsx
index 0f9ea381..06ab681c 100644
--- a/src/interface/web/app/components/loginPrompt/loginPrompt.tsx
+++ b/src/interface/web/app/components/loginPrompt/loginPrompt.tsx
@@ -2,19 +2,11 @@
 
 import styles from "./loginPrompt.module.css";
 import { Button } from "@/components/ui/button";
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogFooter,
-    DialogHeader,
-    DialogTitle,
-} from "@/components/ui/dialog";
+import { Dialog, DialogContent } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import {
     ArrowLeft,
     ArrowsClockwise,
-    GoogleLogo,
     LineVertical,
     PaperPlaneTilt,
     PencilSimple,
@@ -70,8 +62,6 @@ export default function LoginPrompt(props: LoginPromptProps) {
     useEffect(() => {
         const google = (window as any).google;
 
-        console.log(data, isLoading, error);
-
         if (!google) return;
 
         // Initialize Google Sign In after script loads
@@ -113,8 +103,6 @@ export default function LoginPrompt(props: LoginPromptProps) {
     const handleGoogleScriptLoad = () => {
         const google = (window as any).google;
 
-        console.log(data, isLoading, error);
-
         if (!data?.google?.client_id || !data?.google?.redirect_uri) return;
 
         // Initialize Google Sign In after script loads
@@ -413,7 +401,9 @@ function MainSignInContext({
                         <button className={`${styles.gsiMaterialButton}`}>
                             <div className={styles.gsiMaterialButtonState}></div>
                             <div className={styles.gsiMaterialButtonContentWrapper}>
-                                <div className={styles.gsiMaterialButtonIcon}>
+                                <div
+                                    className={`${styles.gsiMaterialButtonIcon} flex items-center justify-center`}
+                                >
                                     <svg
                                         version="1.1"
                                         xmlns="http://www.w3.org/2000/svg"