From 3556b8a73af7b4065a673a4368be9a069a9915b8 Mon Sep 17 00:00:00 2001
From: Sergey Kintsel <sergey.kintsel@trili.tech>
Date: Sun, 2 Jun 2024 14:13:18 +0100
Subject: [PATCH 1/2] Disable login with email

---
 src/components/Onboarding/connectOrCreate/ConnectOrCreate.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/Onboarding/connectOrCreate/ConnectOrCreate.tsx b/src/components/Onboarding/connectOrCreate/ConnectOrCreate.tsx
index 19d1867a13..1b74ac5815 100644
--- a/src/components/Onboarding/connectOrCreate/ConnectOrCreate.tsx
+++ b/src/components/Onboarding/connectOrCreate/ConnectOrCreate.tsx
@@ -1,6 +1,5 @@
 import { Button, Divider, Flex, Text, VStack } from "@chakra-ui/react";
 
-import { OnboardWithEmailButton } from "./OnboardWithEmailButton";
 import { OnboardWithFacebookButton } from "./OnboardWithFacebookButton";
 import { OnboardWithGoogleButton } from "./OnboardWithGoogleButton";
 import { OnboardWithRedditButton } from "./OnboardWithRedditButton";
@@ -52,7 +51,7 @@ export const ConnectOrCreate = ({
         <OnboardWithGoogleButton onAuth={closeModal} />
         <OnboardWithFacebookButton onAuth={closeModal} />
         <OnboardWithTwitterButton onAuth={closeModal} />
-        <OnboardWithEmailButton onAuth={closeModal} />
+        {/* <OnboardWithEmailButton onAuth={closeModal} /> */}
         <OnboardWithRedditButton onAuth={closeModal} />
       </Flex>
     </VStack>

From 635e5a889c22ab55d7e1b06a980d3f34401f4e84 Mon Sep 17 00:00:00 2001
From: Sergey Kintsel <sergey.kintsel@trili.tech>
Date: Sun, 2 Jun 2024 14:14:02 +0100
Subject: [PATCH 2/2] Fix hover bg color for social login buttons

---
 .../Onboarding/connectOrCreate/OnboardWithEmailButton.tsx | 1 +
 .../connectOrCreate/OnboardWithTwitterButton.tsx          | 2 --
 src/style/theme/button.ts                                 | 8 ++++++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Onboarding/connectOrCreate/OnboardWithEmailButton.tsx b/src/components/Onboarding/connectOrCreate/OnboardWithEmailButton.tsx
index bd8fbdd715..f001407fdf 100644
--- a/src/components/Onboarding/connectOrCreate/OnboardWithEmailButton.tsx
+++ b/src/components/Onboarding/connectOrCreate/OnboardWithEmailButton.tsx
@@ -4,6 +4,7 @@ import { useOnboardWithSocial } from "./useOnboardWithSocial";
 import { EmailIcon } from "../../../assets/icons";
 import colors from "../../../style/colors";
 
+// eslint-disable-next-line import/no-unused-modules
 export const OnboardWithEmailButton = ({ onAuth }: { onAuth: () => void }) => {
   const { isLoading, onboard } = useOnboardWithSocial("email", onAuth);
 
diff --git a/src/components/Onboarding/connectOrCreate/OnboardWithTwitterButton.tsx b/src/components/Onboarding/connectOrCreate/OnboardWithTwitterButton.tsx
index 90e011c5dd..1246feacf1 100644
--- a/src/components/Onboarding/connectOrCreate/OnboardWithTwitterButton.tsx
+++ b/src/components/Onboarding/connectOrCreate/OnboardWithTwitterButton.tsx
@@ -2,7 +2,6 @@ import { IconButton } from "@chakra-ui/react";
 
 import { useOnboardWithSocial } from "./useOnboardWithSocial";
 import { TwitterIcon } from "../../../assets/icons";
-import colors from "../../../style/colors";
 
 export const OnboardWithTwitterButton = ({ onAuth }: { onAuth: () => void }) => {
   const { isLoading, onboard } = useOnboardWithSocial("twitter", onAuth);
@@ -10,7 +9,6 @@ export const OnboardWithTwitterButton = ({ onAuth }: { onAuth: () => void }) =>
   return (
     <IconButton
       color="black"
-      _hover={{ color: "white", background: colors.gray[600] }}
       aria-label="Twitter SSO"
       data-testid="login-button-twitter"
       icon={<TwitterIcon fill="currentColor" />}
diff --git a/src/style/theme/button.ts b/src/style/theme/button.ts
index cfe136cbd3..08e355329a 100644
--- a/src/style/theme/button.ts
+++ b/src/style/theme/button.ts
@@ -142,7 +142,15 @@ export const buttonTheme = defineStyleConfig({
       background: "white",
       borderWidth: "0",
       borderRadius: "full",
+      _loading: {
+        color: "white",
+        background: colors.gray[600],
+        _hover: {
+          background: colors.gray[600],
+        },
+      },
       _hover: {
+        color: "white",
         background: colors.gray[600],
       },
     },