logo, badge fix

Author: smgv

packages/modal/src/ui/components/Button/ButtonSocial/ButtonSocial.tsx

@@ -5,8 +5,7 @@ import Image from "../../Image";
 import { ButtonSocialProps } from "./ButtonSocial.type";
 
 function getProviderIcon(method: string, isDark: boolean, isPrimaryBtn: boolean) {
-  const imageId =
-    method === AUTH_CONNECTION.TWITTER ? `login-twitter-x${isDark ? "-light" : "-dark"}` : `login-${method}${isDark ? "-light" : "-dark"}`;
+  const imageId = method === AUTH_CONNECTION.TWITTER ? `login-X-${isDark ? "-light" : "-dark"}` : `login-${method}${isDark ? "-light" : "-dark"}`;
   const hoverId =
     method === AUTH_CONNECTION.APPLE || method === AUTH_CONNECTION.GITHUB || method === AUTH_CONNECTION.TWITTER ? imageId : `login-${method}-active`;
   if (isPrimaryBtn) {

packages/modal/src/ui/components/Login/Login.tsx

@@ -517,7 +517,7 @@ function Login(props: LoginProps) {
             logoAlignment === "center" ? "w3a--flex w3a--justify-center w3a--items-center" : "w3a--ml-0"
           )}
         >
-          <img src={headerLogo || getIcons(isDark ? "logo-dark" : "logo-light")} alt="Logo" className="w3a--object-contain" />
+          <img src={headerLogo || getIcons(isDark ? "logo-dark" : "logo-light")} alt="Logo" className="w3a--size-full w3a--object-contain" />
         </figure>
         <p
           className={cn(

packages/modal/src/ui/constants.ts

@@ -14,3 +14,6 @@ export const DEFAULT_LOGO_LIGHT = "https://images.web3auth.io/web3auth-logo-w.sv
 export const DEFAULT_LOGO_DARK = "https://images.web3auth.io/web3auth-logo-w-light.svg"; // logo used on dark mode
 
 export const WALLET_CONNECT_LOGO = "https://images.web3auth.io/login-wallet-connect.svg";
+
+export const DEFAULT_PRIMARY_COLOR = "#0364FF";
+export const DEFAULT_ON_PRIMARY_COLOR = "#FFFFFF";

packages/modal/src/ui/i18n/dutch.json

@@ -65,7 +65,7 @@
     "social.email-new": "[email protected]",
     "social.passwordless-cta": "Doorgaan",
     "social.passwordless-login": "Log in",
-    "social.passwordless-title": "E-mail of telefoon",
+    "social.passwordless-title": "E-mail/Telefoon",
     "social.phone": "Telefoon",
     "social.policy": "We slaan geen gegevens op die verband houden met uw sociale logins.",
     "social.sms": "Mobiel",
@@ -92,7 +92,8 @@
     "resendCode": "Code opnieuw verzenden",
     "resendTimer": " Opnieuw verzenden in {{timer}} seconden",
     "connectYourWallet": "Uw portemonnee verbinden",
-    "allChains": "Alle ketens"
+    "allChains": "Alle ketens",
+    "getWallet": "Portemonnee ophalen"
   },
   "passwordless": {
     "error-invalid-params": "Ontbrekende of ongeldige parameters",

packages/modal/src/ui/i18n/english.json

@@ -65,7 +65,7 @@
     "social.email-new": "[email protected]",
     "social.passwordless-cta": "Continue",
     "social.passwordless-login": "Login",
-    "social.passwordless-title": "Email or Phone",
+    "social.passwordless-title": "Email/Phone",
     "social.phone": "Phone",
     "social.policy": "We do not store any data related to your social logins.",
     "social.sms": "Mobile",
@@ -92,7 +92,8 @@
     "resendCode": "Resend Code",
     "resendTimer": " Resend in {{timer}} seconds",
     "connectYourWallet": "Connect your wallet",
-    "allChains": "All Chains"
+    "allChains": "All Chains",
+    "getWallet": "Get Wallet"
   },
   "passwordless": {
     "error-invalid-params": "Missing or Invalid Parameters.",

packages/modal/src/ui/i18n/french.json

@@ -63,7 +63,7 @@
     "social.email-new": "[email protected]",
     "social.passwordless-cta": "Continuer",
     "social.passwordless-login": "Se connecter",
-    "social.passwordless-title": "Email ou téléphone",
+    "social.passwordless-title": "Email/Téléphone",
     "social.phone": "Téléphone",
     "social.policy": "Nous ne stockons aucune donnée liée à vos connexions sociales.",
     "social.sms": "Mobile",
@@ -90,7 +90,8 @@
     "resendCode": "Renvoyer le code",
     "resendTimer": " Renvoyer dans {{timer}} secondes",
     "connectYourWallet": "Connectez votre portefeuille",
-    "allChains": "Toutes les chaînes"
+    "allChains": "Toutes les chaînes",
+    "getWallet": "Obtenir le portefeuille"
   },
   "passwordless": {
     "error-invalid-params": "Paramètres manquants ou invalides.",

packages/modal/src/ui/i18n/german.json

@@ -65,7 +65,7 @@
     "social.email-new": "[email protected]",
     "social.passwordless-cta": "Weitermachen",
     "social.passwordless-login": "Anmeldung",
-    "social.passwordless-title": "E-Mail oder Telefon",
+    "social.passwordless-title": "E-Mail/Telefon",
     "social.phone": "Telefon",
     "social.policy": "Wir speichern keine Daten im Zusammenhang mit Ihren Social Logins.",
     "social.sms": "Mobiltelefon",
@@ -92,7 +92,8 @@
     "resendCode": "Code erneut senden",
     "resendTimer": " {{timer}} Sekunden später erneut senden",
     "connectYourWallet": "Ihre Wallet verbinden",
-    "allChains": "Alle Kettens"
+    "allChains": "Alle Kettens",
+    "getWallet": "Wallet holen"
   },
   "passwordless": {
     "error-invalid-params": "Fehlende oder ungültige Parameter",

packages/modal/src/ui/i18n/japanese.json

@@ -65,7 +65,7 @@
     "social.email-new": "[email protected]",
     "social.passwordless-cta": "続ける",
     "social.passwordless-login": "ログイン",
-    "social.passwordless-title": "メールまたは電話",
+    "social.passwordless-title": "メール/電話",
     "social.phone": "電話",
     "social.policy": "ソーシャルログインに関連するデータは保存されません。",
     "social.sms": "モバイル",
@@ -92,7 +92,8 @@
     "resendCode": "コードを再送信",
     "resendTimer": " {{timer}} 秒後に再送信",
     "connectYourWallet": "ウォレットを接続",
-    "allChains": "すべてのチェーン"
+    "allChains": "すべてのチェーン",
+    "getWallet": "ウォレットを取得"
   },
   "passwordless": {
     "error-invalid-params": "パラメーターの欠落または無効なパラメーター",

packages/modal/src/ui/i18n/korean.json

@@ -65,7 +65,7 @@
     "social.email-new": "[email protected]",
     "social.passwordless-cta": "계속",
     "social.passwordless-login": "로그인",
-    "social.passwordless-title": "이메일 또는 전화번호",
+    "social.passwordless-title": "이메일/전화번호",
     "social.phone": "전화번호",
     "social.policy": "저희는 소셜 로그인과 관련된 어떠한 데이터도 저장하지 않습니다.",
     "social.sms": "모바일",
@@ -92,7 +92,8 @@
     "resendCode": "코드 다시 보내기",
     "resendTimer": " {{timer}} 초 후 다시 보내기",
     "connectYourWallet": "지갑 연결",
-    "allChains": "모든 체인"
+    "allChains": "모든 체인",
+    "getWallet": "지갑 가져오기"
   },
   "passwordless": {
     "error-invalid-params": "누락되었거나 유효하지 않은 정보입니다.",

packages/modal/src/ui/i18n/mandarin.json

@@ -65,7 +65,7 @@
     "social.email-new": "[email protected]",
     "social.passwordless-cta": "继续",
     "social.passwordless-login": "登录",
-    "social.passwordless-title": "邮件或电话",
+    "social.passwordless-title": "电子邮件/电话",
     "social.phone": "电话",
     "social.policy": "我们不存储与您的社交登录相关的任何数据。",
     "social.sms": "移动",
@@ -92,7 +92,8 @@
     "resendCode": "重新发送代码",
     "resendTimer": " {{timer}} 秒后重新发送",
     "connectYourWallet": "连接您的钱包",
-    "allChains": "所有链"
+    "allChains": "所有链",
+    "getWallet": "获取钱包"
   },
   "passwordless": {
     "error-invalid-params": "缺失或无效参数",