feat: add coinex wallet (#528)

public/locales/en/wallets.json

@@ -49,6 +49,10 @@
     "title": "imKey",
     "description": "Founded in 2018, imKey is a steadily growing company focused on providing blockchain security services for Web3 users. The imKey Pro hardware cold wallet allows secure storage, sending, and receiving of CKB, and is one of the earliest hardware wallets to support Nervos CKB."
   },
+  "coinex": {
+    "title": "CoinEx Wallet",
+    "description": "CoinEx Wallet is a one-stop Web3 wallet for managing multi-crypto assets. Allowing users to manage assets of 1,000,000+ tokens on 55+ networks, such as BTC, ETH, TRX, CKB, etc., and providing swap, staking, transaction accelerator, DApp explorer and more."
+  },
   "official_website": "Official website",
   "tutorials": "Tutorials",
   "download": "Download"

src/pages/wallets/icons/index.tsx

@@ -10,6 +10,7 @@ import OneKey from './onekey.svg'
 import ReiWallet from './reiwallet.svg'
 import UTXOGlobalWallet from './utxoGlobal.svg'
 import ImKey from './imKey.svg'
+import CoinEx from './coinex.svg'
 
 const CkbBullIcon = () => (
   <img src="/images/ckbull_logo.jpg" alt="ckbull" width="45" height="45" style={{ borderRadius: '50%' }} />
@@ -29,4 +30,5 @@ export {
   GateWeb3Wallet,
   UTXOGlobalWallet,
   ImKey,
+  CoinEx,
 }

src/pages/wallets/index.page.tsx

@@ -26,6 +26,7 @@ import {
   GateWeb3Wallet,
   UTXOGlobalWallet,
   ImKey,
+  CoinEx,
 } from './icons'
 
 const pagePath = '/src/pages/wallets/index.page.tsx'
@@ -321,6 +322,33 @@ const Wallets: NextPage<PageProps> = ({ contributors, author }) => {
         </>
       ),
     },
+    {
+      title: t('coinex.title'),
+      titleRender: () => <FunctionsItemTitle title={''} icon={<CoinEx />} />,
+      tags: ['IOS', 'ANDROID'],
+      content: (
+        <>
+          {t('coinex.description')
+            .split('\n')
+            .map(p => (
+              <div key={p}>{p}</div>
+            ))}
+          <div className="oneLineGap">
+            <StyledLink href="https://wallet.coinex.com/" colored>
+              {t('official_website')}
+            </StyledLink>
+            <br />
+            <StyledLink href="https://wallet.coinex.com/download" colored>
+              {t('download')}
+            </StyledLink>
+            <br />
+            <StyledLink href="https://support.wallet.coinex.com/hc/en-us" colored>
+              {t('tutorials')}
+            </StyledLink>
+          </div>
+        </>
+      ),
+    },
   ]
 
   const pageTitle = 'Nervos Network | Wallets'