Merge pull request #654 from Adamant-im/feat/ui-update-exchange-token…

…s-popup

feat: UI update "Exchange tokens" popup

src/components/BuyTokensDialog.vue

@@ -25,69 +25,30 @@
             <v-list-item-title>{{ $t('home.buy_tokens_anonymously') }}</v-list-item-title>
           </v-list-item>
 
-          <v-list-item avatar @click="openLink('https://azbit.com/?referralCode=9YVWYAF')">
-            <template #prepend>
-              <icon><azbit-icon /></icon>
-            </template>
-
-            <v-list-item-title>Azbit</v-list-item-title>
-          </v-list-item>
-
-          <v-list-item
-            avatar
-            @click="openLink('https://stakecube.net/app/exchange/adm_usdt?layout=pro&team=adm')"
-          >
-            <template #prepend>
-              <icon><stake-cube-icon /></icon>
-            </template>
-
-            <v-list-item-title>StakeCube</v-list-item-title>
-          </v-list-item>
-
           <v-list-item
             avatar
-            @click="openLink('https://h5.coinstore.com/h5/signup?invitCode=o951vZ')"
+            @click="openLink('https://coinmarketcap.com/currencies/adamant-messenger/#markets')"
           >
             <template #prepend>
-              <icon><coinstore-icon /></icon>
+              <icon><coinmarketcap-icon /></icon>
             </template>
 
-            <v-list-item-title>Coinstore</v-list-item-title>
+            <v-list-item-title>{{
+              $t('home.exchanges_on', { aggregator: 'CoinMarketCap' })
+            }}</v-list-item-title>
           </v-list-item>
 
           <v-list-item
             avatar
-            @click="
-              openLink('https://www.fameex.com/en-US/trade/adm-usdt/commissiondispense?code=MKKAWV')
-            "
+            @click="openLink('https://www.coingecko.com/en/coins/adamant-messenger#markets')"
           >
             <template #prepend>
-              <icon><fameex-icon /></icon>
+              <icon><coingecko-icon /></icon>
             </template>
 
-            <v-list-item-title>FameEX</v-list-item-title>
-          </v-list-item>
-
-          <v-list-item
-            avatar
-            @click="openLink('https://xeggex.com/market/ADM_USDT?ref=656846d209bbed85b91aba4d')"
-          >
-            <template #prepend>
-              <icon><xeggex-icon /></icon>
-            </template>
-
-            <v-list-item-title>XeggeX</v-list-item-title>
-          </v-list-item>
-
-          <v-list-item
-            avatar
-            @click="openLink('https://nonkyc.io/market/ADM_USDT?ref=655b4df9eb13acde84677358')"
-          >
-            <template #prepend>
-              <icon><nonkyc-icon /></icon>
-            </template>
-
-            <v-list-item-title>NonKYC</v-list-item-title>
+            <v-list-item-title>{{
+              $t('home.exchanges_on', { aggregator: 'CoinGecko' })
+            }}</v-list-item-title>
           </v-list-item>
         </v-list>
       </v-card-text>
@@ -97,28 +58,20 @@
 
 <script>
 import validateAddress from '@/lib/validateAddress'
-import Icon from '@/components/icons/BaseIcon.vue'
 import AdamantIcon from '@/components/icons/common/Adamant.vue'
-import AzbitIcon from '@/components/icons/common/Azbit.vue'
+import CoingeckoIcon from '@/components/icons/common/Coingecko.vue'
+import CoinmarketcapIcon from '@/components/icons/common/Coinmarketcap.vue'
 import ExchangerIcon from '@/components/icons/common/Exchanger.vue'
-import StakeCubeIcon from '@/components/icons/common/StakeCube.vue'
-import CoinstoreIcon from '@/components/icons/common/Coinstore.vue'
-import NonkycIcon from '@/components/icons/common/Nonkyc.vue'
-import FameexIcon from '@/components/icons/common/Fameex.vue'
-import XeggexIcon from '@/components/icons/common/Xeggex.vue'
+import Icon from '@/components/icons/BaseIcon.vue'
 import { websiteUriToOnion } from '@/lib/uri'
 
 export default {
   components: {
-    Icon,
     AdamantIcon,
-    AzbitIcon,
+    CoingeckoIcon,
+    CoinmarketcapIcon,
     ExchangerIcon,
-    StakeCubeIcon,
-    CoinstoreIcon,
-    NonkycIcon,
-    FameexIcon,
-    XeggexIcon
+    Icon
   },
   props: {
     modelValue: {

src/components/icons/common/Coingecko.vue

@@ -0,0 +1,21 @@
+<template>
+  <g>
+    <path
+      id="path0"
+      d="M231.9,192.9c-12.8,0-23.1,10.3-23.1,23c0,12.8,10.4,23,23.1,23c12.8,0,23.1-10.3,23.1-23
+  C255.1,203.1,244.7,192.9,231.9,192.9z"
+    />
+    <path
+      id="path1"
+      d="M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M231.9,248.4
+  c-18.2,0-32.9-14.7-32.9-32.8s14.7-32.8,32.9-32.8s32.9,14.7,32.9,32.8S250.1,248.4,231.9,248.4z M258.2,283.8l0.3-0.4
+  c9.4,6,20.1,8.2,30.8,8.5c10.9,0.3,21.8-0.6,32.4-2.6c10.8-2.3,21.3-5.5,31.5-9.7c10.4-3.9,20.1-9.3,28.9-15.9l0.3,0.4
+  c-8.5,7.2-17.9,13.3-28.1,17.9c-10.1,4.8-20.7,8.7-31.6,11.5c-10.8,2.8-22.2,4.8-33.7,3.8C277.5,296.3,265.8,292.4,258.2,283.8z
+   M342.7,248.4c-0.1-3.9,3.1-7.1,7.1-7.1c3.9,0,7.1,3.1,7.1,7.1c0,3.9-3.1,7.1-7,7.1C345.9,255.4,342.7,252.3,342.7,248.4z
+   M286,424.2L286,424.2L286,424.2c-7.1-49.7,36.5-98.3,61-123.1c5.4-5.4,13.5-12.8,21.3-20.7c32.7-29.8,39.7-65.8-26-83.7
+  c-12.3-3.6-25.2-8.6-38.1-13.7c-0.3-1-0.7-2.1-1.4-3.3c-8-16.2-28.8-18.1-46.2-12.8c-15.1-3.6-30.1-4.8-44.6-1.4
+  c-62.4,17.2-72.9,47.5-75.4,84c-3.4,40.2-5.3,70.1-20.5,104.2c-18.8-27.1-29.9-60-30.1-95.6c-0.4-93.6,75.3-169.9,169.3-170.3
+  c93.9-0.4,170.4,75.1,170.7,168.7C426.3,340.1,365.9,410,286,424.2z"
+    />
+  </g>
+</template>

src/components/icons/common/Coinmarketcap.vue

@@ -0,0 +1,12 @@
+<template>
+  <g>
+    <path
+      id="path0"
+      d="M375.215 284.55C375.268 284.513 375.322 284.477 375.377 284.443C382.331 280.071 386.786 270.51 386.094 256.984C386.09 256.901 386.088 256.818 386.088 256.735V255.937C386.088 183.178 327.641 124.108 255.914 124.108C184.196 124.108 125.912 183.17 125.912 255.937L125.912 255.962C125.816 274.635 129.736 293.107 137.317 310.124L210.788 192.519C210.807 192.488 210.827 192.457 210.847 192.427C215.96 184.641 221.468 180.072 227.048 177.866C232.659 175.649 237.835 176.02 241.884 177.198C254.838 180.954 260.352 193.406 260.77 209.967L260.771 210.011L260.771 210.059L260.771 210.09V261.857L286.739 219.948L287.01 219.514C289.868 214.932 295.171 206.43 302.333 199.706C309.704 192.785 320.064 186.838 332.369 190.43C347.113 194.733 354.567 210.026 354.567 228.623V265.289C354.567 276.477 357.942 282.959 362.242 285.469C366.422 287.524 371.398 287.169 375.215 284.55Z"
+    />
+    <path
+      id="path1"
+      d="M256 512C397.385 512 512 397.385 512 256C512 114.615 397.385 0 256 0C114.615 0 0 114.615 0 256C0 397.385 114.615 512 256 512ZM314.884 250.119L281.553 303.877L281.552 303.879C274.721 314.961 267.704 321.464 260.824 324.75C253.841 328.085 247.43 327.897 242.358 326.401C237.306 324.911 231.809 321.63 227.66 315.073C223.571 308.611 221.031 299.35 221.031 286.274V251.239L161.659 346.465C162.023 346.856 162.391 347.245 162.764 347.634L162.778 347.648C211.647 399.01 293.02 401.168 344.552 352.473L344.564 352.461C344.626 352.399 344.69 352.339 344.755 352.28C352.84 345.048 365.207 345.622 372.511 353.649C379.966 361.768 379.504 374.379 371.46 381.956C340.247 411.434 298.904 427.874 255.914 427.874C162.126 427.874 86 350.714 86 255.937C86 161.154 162.475 84 255.914 84C349.355 84 425.353 160.749 426 255.163L426 255.196V255.937C426 256.13 425.989 256.321 425.967 256.508C425.954 256.615 425.938 256.72 425.919 256.825C426.684 283.327 416.251 305.95 396.675 318.634L396.667 318.639C380.598 329.006 360.178 329.824 343.349 320.774C343.325 320.762 343.302 320.749 343.279 320.736C324.824 310.422 314.884 289.872 314.884 265.232V250.119Z"
+    />
+  </g>
+</template>

src/locales/de.json

@@ -73,13 +73,15 @@
   "error": "Error",
   "home": {
     "balance": "Balance",
+    "buy_tokens_btn": "Buy & sell coins",
+    "buy_tokens_btn_link": "https://adamant.im/de-buy-tokens/",
     "copied": "Kopiert",
     "copy": "Copy",
     "copy_address": "Copy address",
     "copy_uri": "Copy Share link",
     "create_qrcode": "Create QR code",
+    "exchanges_on": "Exchanges on {aggregator}",
     "free_adm_btn": "Free ADM tokens",
-    "buy_tokens_btn_link": "https://adamant.im/de-buy-tokens/",
     "free_tokens_link": "https://adamant.im/de-free-adm-tokens/",
     "send_btn": "Send funds",
     "share_uri": "Share {crypto} address",

src/locales/en.json

@@ -105,15 +105,16 @@
   "home": {
     "balance": "Balance",
     "buy_tokens_anonymously": "Anonymously on website",
+    "buy_tokens_btn": "Buy & sell coins",
+    "buy_tokens_btn_link": "https://adamant.im/buy-tokens/",
     "buy_tokens_exchanger": "In-chat Exchanger",
     "copied": "Copied",
     "copy": "Copy",
     "copy_address": "Copy address",
     "copy_uri": "Copy Share link",
     "create_qrcode": "Create a QR code",
+    "exchanges_on": "Exchanges on {aggregator}",
     "free_adm_btn": "Free ADM tokens",
-    "buy_tokens_btn": "Buy & sell tokens",
-    "buy_tokens_btn_link": "https://adamant.im/buy-tokens/",
     "free_tokens_link": "https://adamant.im/free-adm-tokens/",
     "send_btn": "Send funds",
     "send_crypto": "Send {crypto}",

src/locales/ru.json

@@ -105,15 +105,16 @@
   "home": {
     "balance": "Баланс",
     "buy_tokens_anonymously": "Анонимно на сайте",
+    "buy_tokens_btn": "Купить или продать монеты",
+    "buy_tokens_btn_link": "https://adamant.im/ru-buy-tokens/",
     "buy_tokens_exchanger": "Обменник в чате",
     "copied": "Скопировал",
     "copy": "Копировать",
     "copy_address": "Копировать адрес",
     "copy_uri": "Копировать ссылку",
     "create_qrcode": "Создать QR-код",
+    "exchanges_on": "Биржи на {aggregator}",
     "free_adm_btn": "Бесплатные токены",
-    "buy_tokens_btn": "Купить или продать токены",
-    "buy_tokens_btn_link": "https://adamant.im/ru-buy-tokens/",
     "free_tokens_link": "https://adamant.im/ru-free-adm-tokens/",
     "send_btn": "Отправить средства",
     "send_btn_tooltip": "Нажмите, чтобы сделать перевод на другой аккуунт или другому пользователю АДАМАНТа",

src/locales/zh.json

@@ -104,15 +104,16 @@
   "home": {
     "balance": "余额",
     "buy_tokens_anonymously": "在网站上匿名",
+    "buy_tokens_btn": "购买和出售硬币",
+    "buy_tokens_btn_link": "https://adamant.im/buy-tokens/",
     "buy_tokens_exchanger": "聊天内交换器",
     "copied": "已复制",
     "copy": "复制",
     "copy_address": "复制地址",
     "copy_uri": "复制共享链接",
     "create_qrcode": "创建二维码",
+    "exchanges_on": "{aggregator} 上的交易所",
     "free_adm_btn": "释放ADM令牌",
-    "buy_tokens_btn": "买卖代币",
-    "buy_tokens_btn_link": "https://adamant.im/buy-tokens/",
     "free_tokens_link": "https://adamant.im/free-adm-tokens/",
     "send_btn": "发送资金",
     "send_crypto": "发送 {crypto}",