<template>
    <!-- 公共组件 -->
    <div class="info">
        <v-head :title="'TopUp'" :show_more="true" :show_help="true" :back_url="'/'"></v-head>
        <currency-list style="height: calc(100% - 48px);" @selectCurrency="selectCurrency" :page="'top-up'"></currency-list>
    </div>

</template>

<script setup>
import VHead from '@/view/popup/components/head.vue'
import CurrencyList from "@/view/components/currency-list.vue";
import { inject, onMounted } from 'vue'
import router from "@/router/popup.js";
import Report from "@/log-center/log";

let top_up_info = inject('top_up_info')

function selectCurrency(_params) {
    top_up_info.token = _params.currencyName || ''
    top_up_info.token_chain = _params.tokenChain 
    // top_up_info.token_chain = 'BNB Smart Chain (BEP20)'
    top_up_info.token_symbol = _params.tokenSymbol || ''
    top_up_info.currency_code = _params.currencyCode
    top_up_info.icon_token = _params.iconPath || ''
    top_up_info.icon_net = require('@/assets/svg/icon-BNB.svg')
    router.push({ path: '/top-up/info'});
}

onMounted(() => {
    Report.reportLog({
        pageSource: Report.pageSource.denetTopupSelector,
        businessType: Report.businessType.pageView,
    });
})
</script>


<style lang='scss' scoped>
.info {
    height: 100%;
    overflow: hidden;
}
</style>
