<!--
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-->
<template>
  <v-flex>
    <div class="summaryBalanceLabels">
      <span class="balance"> {{ $t('exoplatform.wallet.label.balance') }} : </span>
      <span class="symbol"> {{ contractDetails.symbol }} </span>  {{ balance }}
      <v-btn
        id="walletAppMenuRefreshButton"
        :title="$t('exoplatform.wallet.button.refreshWallet')"
        icon
        text
        class="mr-0 me-0"
        @click="$emit('refresh')">
        <v-icon size="24" class="mb-1">
          refresh
        </v-icon>
      </v-btn>
    </div>
  </v-flex>
</template>

<script>
export default {
  props: {
    wallet: {
      type: Object,
      default: function() {
        return null;
      },
    },
    contractDetails: {
      type: Object,
      default: function() {
        return {};
      },
    },
  },
  computed: {
    balance() {
      return (this.wallet && this.wallet.tokenBalance && this.walletUtils.toFixed(this.wallet.tokenBalance)) || 0;
    },
    symbol() {
      return (this.contractDetails && this.contractDetails.symbol) || '';
    },
  },
};
</script>
