add ad

src/modules/wallet/accounts.vue

@@ -12,6 +12,7 @@ import {
   scanCompatibleAccounts,
   type LocalKey,
 } from './utils';
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const dashboard = useDashboard();
 const chainStore = useBlockchain()
@@ -221,6 +222,8 @@ async function loadBalances(chainName: string, endpoint: string, address: string
       </div>
     </div>
 
+    <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
+
     <div class="overflow-x-auto">
       <div v-for="{ key, subaccounts } in accounts" class="bg-base-100 rounded-md my-5 py-5">
         <div class="flex justify-self-center">

src/modules/wallet/keplr.vue

@@ -3,6 +3,7 @@ import { ref } from 'vue';
 import { useDashboard, type ChainConfig, useBlockchain } from '@/stores';
 import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const error = ref("")
 const conf = ref("")
@@ -85,6 +86,7 @@ function suggest() {
 
 <template>
     <div class="bg-base-100 p-4 rounded text-center">
+        <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
         <div class="flex">
             <select v-model="selected" class="select select-bordered mx-5" @change="initParamsForKeplr">
                 <option v-for="c in dashboard.chains" :value="c">

src/modules/wallet/portfolio.vue

@@ -9,6 +9,7 @@ import DonutChart from '@/components/charts/DonutChart.vue';
 import ApexCharts from 'vue3-apexcharts';
 import { get } from '@/libs';
 import { getMarketPriceChartConfig } from '@/components/charts/apexChartConfig';
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const format = useFormatter();
 const conf = ref(
@@ -216,6 +217,7 @@ const currencySign = computed(() => {
 </script>
 <template>
   <div class="overflow-x-auto w-full rounded-md">
+
     <div class="flex flex-wrap justify-between bg-base-100 p-5">
       <div class="min-w-0">
         <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">
@@ -255,8 +257,8 @@ const currencySign = computed(() => {
           <ApexCharts type="area" height="280" :options="chartConfig" :series="changeData" />
         </div>
       </div>
-
       <div class="overflow-x-auto mt-4">
+      <AdBanner class="bg-base-200" id="home-banner-ad" unit="banner" width="970px" height="90px" />
         <table class="table w-full">
           <thead class="bg-base-200">
             <tr>

src/modules/wallet/suggest.vue

@@ -4,6 +4,7 @@ import { suggestChain } from '@leapwallet/cosmos-snap-provider';
 import { useDashboard, type ChainConfig, useBlockchain, NetworkType } from '@/stores';
 import { CosmosRestClient } from '@/libs/client';
 import { onMounted } from 'vue';
+import AdBanner from '@/components/ad/AdBanner.vue';
 
 const error = ref("")
 const conf = ref("")
@@ -168,5 +169,7 @@ function suggest() {
                 If the chain is not offically support on Keplr/Metamask Snap, you can submit these parameters to enable Keplr/Metamask Snap.
             </div>
         </div>
+
+        <AdBanner id="home-banner-ad" unit="banner" width="970px" height="90px" />
     </div>
 </template>