feat: add Rabby Wallet + remove terms of service link

VenusProtocol · Aug 9, 2023 · aef722d · aef722d
1 parent cd92d4f
commit aef722d
Show file tree

Hide file tree

Showing 7 changed files with 36 additions and 32 deletions.
diff --git a/src/assets/img/wallets/rabbyWallet.svg b/src/assets/img/wallets/rabbyWallet.svg
diff --git a/src/clients/web3/connectors.ts b/src/clients/web3/connectors.ts
@@ -9,6 +9,7 @@ export const connectorIdByName = {
   [Connector.BitKeep]: 'injected',
   [Connector.InfinityWallet]: 'injected',
   [Connector.SafePal]: 'injected',
+  [Connector.RabbyWallet]: 'injected',
   [Connector.CoinbaseWallet]: 'coinbaseWallet',
   [Connector.BinanceChainWallet]: 'bsc',
   [Connector.WalletConnect]: 'walletConnect',

diff --git a/src/clients/web3/types.ts b/src/clients/web3/types.ts
@@ -10,4 +10,5 @@ export enum Connector {
   OkxWallet = 'OkxWallet',
   OperaWallet = 'OperaWallet',
   BitKeep = 'BitKeep',
+  RabbyWallet = 'RabbyWallet',
 }
diff --git a/src/components/AuthModal/WalletList/index.tsx b/src/components/AuthModal/WalletList/index.tsx
@@ -8,12 +8,7 @@ import { useTranslation } from 'translation';
 import { Connector } from 'clients/web3/types';
 
 import { toast } from '../../Toast';
-import {
-  INTEGRATED_WALLETS,
-  UPCOMING_WALLETS,
-  VENUS_TERMS_OF_SERVICE_URL,
-  WALLETS,
-} from '../constants';
+import { INTEGRATED_WALLETS, UPCOMING_WALLETS, WALLETS } from '../constants';
 import { useStyles } from './styles';
 
 export interface WalletListProps {
@@ -22,7 +17,7 @@ export interface WalletListProps {
 
 export const WalletList: React.FC<WalletListProps> = ({ onLogin }) => {
   const styles = useStyles();
-  const { t, Trans } = useTranslation();
+  const { t } = useTranslation();
 
   const handleLogin = async (connector: Connector) => {
     try {
@@ -86,23 +81,6 @@ export const WalletList: React.FC<WalletListProps> = ({ onLogin }) => {
           </div>
         ))}
       </div>
-
-      <div css={styles.footer}>
-        <Typography variant="small2">
-          <Trans
-            i18nKey="authModal.walletList.termsOfServiceLink"
-            components={{
-              Anchor: (
-                <a // eslint-disable-line jsx-a11y/anchor-has-content
-                  href={VENUS_TERMS_OF_SERVICE_URL}
-                  target="_blank"
-                  rel="noreferrer"
-                />
-              ),
-            }}
-          />
-        </Typography>
-      </div>
     </div>
   );
 };
diff --git a/src/components/AuthModal/WalletList/styles.ts b/src/components/AuthModal/WalletList/styles.ts
@@ -14,7 +14,6 @@ export const useStyles = () => {
       }
     `,
     walletList: css`
-      margin-bottom: ${theme.spacing(8)};
       display: grid;
       grid-template-columns: 1fr 1fr 1fr 1fr;
       grid-gap: ${theme.spacing(4)};
@@ -58,9 +57,5 @@ export const useStyles = () => {
     comingSoonText: css`
       color: ${theme.palette.text.secondary};
     `,
-    footer: css`
-      text-align: center;
-      padding: ${theme.spacing(0, 4)};
-    `,
   };
 };
diff --git a/src/components/AuthModal/constants.ts b/src/components/AuthModal/constants.ts
@@ -9,6 +9,7 @@ import { ReactComponent as LedgerLogo } from 'assets/img/wallets/ledgerLogo.svg'
 import { ReactComponent as MetaMaskLogo } from 'assets/img/wallets/metaMaskLogo.svg';
 import { ReactComponent as OkxWalletLogo } from 'assets/img/wallets/okxLogo.svg';
 import { ReactComponent as OperaWalletLogo } from 'assets/img/wallets/operaWalletLogo.svg';
+import { ReactComponent as RabbyWalletLogo } from 'assets/img/wallets/rabbyWallet.svg';
 import { ReactComponent as SafePalLogo } from 'assets/img/wallets/safePalWalletLogo.svg';
 import { ReactComponent as TrustWalletLogo } from 'assets/img/wallets/trustWalletLogo.svg';
 import { ReactComponent as WalletConnectLogo } from 'assets/img/wallets/walletConnectLogo.svg';
@@ -17,8 +18,6 @@ import { isRunningInOperaBrowser } from 'utilities/walletDetection';
 
 import { BaseWallet, IntegratedWallet, Wallet } from './types';
 
-export const VENUS_TERMS_OF_SERVICE_URL = 'https://www.swipe.io/terms';
-
 export const WALLETS: Wallet[] = [
   {
     name: t('wallets.metamask'),
@@ -73,6 +72,12 @@ export const WALLETS: Wallet[] = [
     connector: Connector.BitKeep,
     mainnetOnly: true,
   },
+  {
+    name: t('wallets.rabbyWallet'),
+    Logo: RabbyWalletLogo,
+    connector: Connector.RabbyWallet,
+    mainnetOnly: true,
+  },
 ];
 
 // Add Opera Wallet to the top of the list if dApp is running in Opera

diff --git a/src/translation/translations/en.json b/src/translation/translations/en.json
@@ -299,7 +299,6 @@
     "borrowInfo": {
       "stats": {
         "apy": "APY",
-        "distributionApy": "Distribution APY",
         "totalBorrow": "Total borrow"
       },
       "title": "Borrow info"
@@ -1024,6 +1023,7 @@
     "metamask": "MetaMask",
     "okxWallet": "OKX Wallet",
     "opera": "Opera Wallet",
+    "rabbyWallet": "Rabby Wallet",
     "safePal": "SafePal",
     "trustWallet": "Trust Wallet",
     "walletConnect": "WalletConnect"