From 706e7d2bdfac1a8d9b8fa422f80062a368474a56 Mon Sep 17 00:00:00 2001
From: Ebod Shojaei <ebod.shojaei@gmail.com>
Date: Wed, 17 Jul 2024 23:07:10 -0700
Subject: [PATCH 1/3] FIX: Center and fit auth button to text content.

---
 .../social-auth/facebook/facebook-auth.tsx       |  6 +++++-
 src/services/social-auth/google/google-auth.tsx  | 16 ++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/services/social-auth/facebook/facebook-auth.tsx b/src/services/social-auth/facebook/facebook-auth.tsx
index 144cef57..5b1d30b3 100644
--- a/src/services/social-auth/facebook/facebook-auth.tsx
+++ b/src/services/social-auth/facebook/facebook-auth.tsx
@@ -44,7 +44,11 @@ export default function FacebookAuth() {
 
   return (
     <>
-      <Button variant="contained" color="primary" onClick={onLogin}>
+      <Button variant="contained"
+        sx={{
+          display: 'flex',
+          margin: 'auto',
+        }} color="primary" onClick={onLogin}>
         {t("common:auth.facebook.action")}
       </Button>
       <FullPageLoader isLoading={isLoading} />
diff --git a/src/services/social-auth/google/google-auth.tsx b/src/services/social-auth/google/google-auth.tsx
index 2f5780bf..168916fd 100644
--- a/src/services/social-auth/google/google-auth.tsx
+++ b/src/services/social-auth/google/google-auth.tsx
@@ -8,6 +8,7 @@ import { CredentialResponse, GoogleLogin } from "@react-oauth/google";
 import { useState } from "react";
 import { FullPageLoader } from "@/components/full-page-loader";
 import useLanguage from "@/services/i18n/use-language";
+import Button from "@mui/material/Button";
 
 export default function GoogleAuth() {
   const { setUser } = useAuthActions();
@@ -38,7 +39,22 @@ export default function GoogleAuth() {
 
   return (
     <>
+    <Button
+      variant="contained"
+      sx={{
+        display: 'flex',
+        margin: 'auto',
+        padding: 0,
+        backgroundColor: 'transparent',
+        border: 'none',
+        boxShadow: 'none',
+        '&:hover': {
+          backgroundColor: 'transparent',
+        },
+      }}
+    >
       <GoogleLogin onSuccess={onSuccess} locale={language} />
+    </Button>
       <FullPageLoader isLoading={isLoading} />
     </>
   );

From 912e3dd986b7cfe73f53851eaa93a9d141ce2269 Mon Sep 17 00:00:00 2001
From: Ebod Shojaei <ebod.shojaei@gmail.com>
Date: Thu, 18 Jul 2024 17:14:49 -0700
Subject: [PATCH 2/3] style(auth): formatted auth button params with Prettier

---
 .../social-auth/facebook/facebook-auth.tsx    | 12 ++++---
 .../social-auth/google/google-auth.tsx        | 32 +++++++++----------
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/services/social-auth/facebook/facebook-auth.tsx b/src/services/social-auth/facebook/facebook-auth.tsx
index 5b1d30b3..ee0f8ceb 100644
--- a/src/services/social-auth/facebook/facebook-auth.tsx
+++ b/src/services/social-auth/facebook/facebook-auth.tsx
@@ -44,11 +44,15 @@ export default function FacebookAuth() {
 
   return (
     <>
-      <Button variant="contained"
+      <Button
+        variant="contained"
         sx={{
-          display: 'flex',
-          margin: 'auto',
-        }} color="primary" onClick={onLogin}>
+          display: "flex",
+          margin: "auto",
+        }}
+        color="primary"
+        onClick={onLogin}
+      >
         {t("common:auth.facebook.action")}
       </Button>
       <FullPageLoader isLoading={isLoading} />
diff --git a/src/services/social-auth/google/google-auth.tsx b/src/services/social-auth/google/google-auth.tsx
index 168916fd..6e4522ec 100644
--- a/src/services/social-auth/google/google-auth.tsx
+++ b/src/services/social-auth/google/google-auth.tsx
@@ -39,22 +39,22 @@ export default function GoogleAuth() {
 
   return (
     <>
-    <Button
-      variant="contained"
-      sx={{
-        display: 'flex',
-        margin: 'auto',
-        padding: 0,
-        backgroundColor: 'transparent',
-        border: 'none',
-        boxShadow: 'none',
-        '&:hover': {
-          backgroundColor: 'transparent',
-        },
-      }}
-    >
-      <GoogleLogin onSuccess={onSuccess} locale={language} />
-    </Button>
+      <Button
+        variant="contained"
+        sx={{
+          display: "flex",
+          margin: "auto",
+          padding: 0,
+          backgroundColor: "transparent",
+          border: "none",
+          boxShadow: "none",
+          "&:hover": {
+            backgroundColor: "transparent",
+          },
+        }}
+      >
+        <GoogleLogin onSuccess={onSuccess} locale={language} />
+      </Button>
       <FullPageLoader isLoading={isLoading} />
     </>
   );

From 6c9f4f84f3ebf6b7fafe1a435a01af92f3a94a03 Mon Sep 17 00:00:00 2001
From: Ebod Shojaei <ebod.shojaei@gmail.com>
Date: Thu, 18 Jul 2024 17:15:52 -0700
Subject: [PATCH 3/3] fix(auth): included 'user' to resolve lint error

---
 src/app/[language]/confirm-new-email/page-content.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/[language]/confirm-new-email/page-content.tsx b/src/app/[language]/confirm-new-email/page-content.tsx
index 150e2e6d..7edcbcdd 100644
--- a/src/app/[language]/confirm-new-email/page-content.tsx
+++ b/src/app/[language]/confirm-new-email/page-content.tsx
@@ -70,6 +70,7 @@ export default function ConfirmNewEmail() {
     t,
     isLoaded,
     setUser,
+    user,
     fetchAuthGetMe,
   ]);