From c34258c4cbd452403ad390886c98e6871bd1fb36 Mon Sep 17 00:00:00 2001 From: Mohammad Shahbaz Alam Date: Fri, 22 Dec 2023 13:04:28 +0530 Subject: [PATCH] Change twitter bird logo to X --- packages/ui/modal/index.html | 4 ++-- packages/ui/src/components/AdapterLoader.tsx | 2 +- packages/ui/src/components/SocialLogins.tsx | 8 ++++++-- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/packages/ui/modal/index.html b/packages/ui/modal/index.html index 68dc6ceb5..f3ef104a6 100644 --- a/packages/ui/modal/index.html +++ b/packages/ui/modal/index.html @@ -1,4 +1,4 @@ - + @@ -43,7 +43,7 @@
CONTINUE WITH
  • diff --git a/packages/ui/src/components/AdapterLoader.tsx b/packages/ui/src/components/AdapterLoader.tsx index 2b4a00b14..356804d41 100644 --- a/packages/ui/src/components/AdapterLoader.tsx +++ b/packages/ui/src/components/AdapterLoader.tsx @@ -21,7 +21,7 @@ const closeIcon = ; export default function DetailedLoader(props: DetailedLoaderProps) { const { adapter, appLogo, message, modalStatus, adapterName, onClose } = props; const web3authIcon = ; - const providerIcon = ; + const providerIcon = adapter === "twitter" ? : ; const [t] = useTranslation(undefined, { i18n }); const isDefaultLogo = [DEFAULT_LOGO_DARK, DEFAULT_LOGO_LIGHT].includes(appLogo); diff --git a/packages/ui/src/components/SocialLogins.tsx b/packages/ui/src/components/SocialLogins.tsx index 4b361b167..aae9d591c 100644 --- a/packages/ui/src/components/SocialLogins.tsx +++ b/packages/ui/src/components/SocialLogins.tsx @@ -69,9 +69,13 @@ export default function SocialLogins(props: SocialLoginProps) { const isPrimaryBtn = socialLoginsConfig?.uiConfig?.primaryButton === "socialLogin" && order === 1; const primaryColor = socialLoginsConfig?.uiConfig?.theme?.primary || ""; - const imageId = `login-${method}${isDark || isPrimaryBtn ? "-light" : "-dark"}`; + const imageId = + method === LOGIN_PROVIDER.TWITTER + ? `login-twitter-x${isDark || isPrimaryBtn ? "-light" : "-dark"}` + : `login-${method}${isDark || isPrimaryBtn ? "-light" : "-dark"}`; const hoverId = `login-${method}-active`; - const hoverImage = method === LOGIN_PROVIDER.APPLE || method === LOGIN_PROVIDER.GITHUB ? imageId : hoverId; + const hoverImage = + method === LOGIN_PROVIDER.APPLE || method === LOGIN_PROVIDER.GITHUB || method === LOGIN_PROVIDER.TWITTER ? imageId : hoverId; const providerIcon = ; if (socialLoginsConfig.loginMethods[method].showOnModal === false || restrictedLoginMethods.includes(method)) {