<template>
    <footer class="app-footer d-flex justify-content-between">
        <a class="nav-link" href="https://metadexlabs.gitbook.io/english/" target="_blank">{{ $t(i18nConst.headerLearnMore) }}</a>
        <a class="nav-link metadex-link" :href="targetMetadexToken" target="_blank">METADEXDAO : {{metadexToken}}</a>
        <span>{{appVersion}}</span>
    </footer>
</template>

<script>

import {version} from '../../../package.json';
import i18nConstantes from "@/constantes/i18n.constantes.js";
import constantesService from '@/services/constantes.service';

export default {
    data() {
        return {
            appVersion: version,
            i18nConst: i18nConstantes,
            metadexToken: constantesService.getConstanteNetwork("addressSmartContractErc20Token"),
            targetMetadexToken: constantesService.getConstanteNetwork("urlAddressPolygonMumbaiScan") + "token/" + constantesService.getConstanteNetwork("addressSmartContractErc20Token")
        };
    }
}
</script>

<style lang="scss" scoped>
.app-footer {
    height: 1.5rem;
    background-color: black;
    color: white;
    padding: 0rem 1rem;
    font-weight: 300;
}

.metadex-link {
  @media screen and (max-width: 420px) {
    display: none;
  }
}
</style>