mirror of
https://github.com/Instadapp/assembly.git
synced 2024-07-29 22:37:06 +00:00
33 lines
1.1 KiB
Vue
33 lines
1.1 KiB
Vue
<template>
|
|
<div class="flex flex-col items-center text-primary-black flex-shrink-0 w-full px-8 mb-2 text-center sm:mb-10">
|
|
<h3 class="flex items-center font-medium leading-none">Balance</h3>
|
|
<div class="mt-2 font-semibold text-32">{{ formatUsd(balanceTotal) }}</div>
|
|
<div class="mt-1 flex items-center text-grey-dark">
|
|
Your Instadapp Balance <Info text="This is your Instadapp Contract Account balance, not your web3 wallet balance." class="ml-1" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { defineComponent, onMounted } from '@nuxtjs/composition-api'
|
|
import SVGChevronUp from '@/assets/img/icons/chevron-up.svg'
|
|
import { useFormatting } from '~/composables/useFormatting'
|
|
import { useBalances } from '~/composables/useBalances'
|
|
|
|
export default defineComponent({
|
|
components: {
|
|
SVGChevronUp,
|
|
},
|
|
setup() {
|
|
const { formatUsd } = useFormatting()
|
|
const { balanceTotal, fetchBalances, balances, prices } = useBalances()
|
|
|
|
onMounted(() => {
|
|
fetchBalances(true)
|
|
})
|
|
|
|
return { formatUsd, balanceTotal, balances, prices }
|
|
},
|
|
})
|
|
</script>
|