From c5b88d73c22905980064058e6c9fa0b953706915 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 13 Jun 2023 08:18:37 +0800
Subject: [PATCH] Fix: trust color

---
 src/modules/[chain]/index.vue     | 12 ++++++++----
 src/modules/[chain]/indexStore.ts |  4 ++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 7c64b479..7f4094f2 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -12,7 +12,7 @@ import {
   useParamStore,
 } from '@/stores';
 import { onMounted, ref } from 'vue';
-import { useIndexModule } from './indexStore';
+import { useIndexModule, colorMap } from './indexStore';
 import { computed } from '@vue/reactivity';
 
 import CardStatisticsVertical from '@/components/CardStatisticsVertical.vue';
@@ -99,6 +99,10 @@ const color = computed(() => {
 function updateState() {
   walletStore.loadMyAsset()
 }
+
+function trustColor(v: string) {
+  return `text-${colorMap(v)}`
+}
 </script>
 
 <template>
@@ -158,7 +162,7 @@ function updateState() {
                     <li v-for="(item, index) in store.coinInfo.tickers" :key="index" @click="store.selectTicker(index)">
                       <div class="flex items-center justify-between hover:bg-base-100">
                         <div class="flex-1">
-                          <div class="text-main text-sm">
+                          <div class="text-main text-sm" :class="trustColor(item.trust_score)">
                             {{ item?.market?.name }}
                           </div>
                           <div class="text-sm text-gray-500 dark:text-gray-400">
@@ -169,7 +173,7 @@ function updateState() {
                         </div>
 
                         <div class="text-base text-main">
-                          ${{ item.converted_last.usd }}
+                           ${{ item.converted_last.usd }}
                         </div>
                       </div>
                     </li>
@@ -178,7 +182,7 @@ function updateState() {
               </div>
             </div>
 
-            <a :color="store.trustColor" class="my-5 !text-white btn !bg-yes !border-yes w-full" :href="ticker.trade_url"
+            <a class="my-5 !text-white btn w-full" :class="store.trustColor" :href="ticker.trade_url"
               target="_blank">
               Buy {{ coinInfo.symbol || '' }}
             </a>
diff --git a/src/modules/[chain]/indexStore.ts b/src/modules/[chain]/indexStore.ts
index cbdd40cc..d655c635 100644
--- a/src/modules/[chain]/indexStore.ts
+++ b/src/modules/[chain]/indexStore.ts
@@ -13,7 +13,7 @@ import type { Coin, Tally } from '@/types';
 import numeral from 'numeral';
 import { defineStore } from 'pinia';
 
-function colorMap(color: string) {
+export function colorMap(color: string) {
   switch (color) {
     case 'yellow':
       return 'warning';
@@ -128,7 +128,7 @@ export const useIndexModule = defineStore('module-index', {
     trustColor(): string {
       if(!this.coinInfo?.tickers) return ""
       const change = this.coinInfo?.tickers[this.tickerIndex]?.trust_score;
-      return colorMap(change);
+      return `btn-${colorMap(change)}`;
     },
 
     pool() {