diff --git a/pages/aave-v2.vue b/pages/aave-v2.vue index 4886640..ae5f185 100644 --- a/pages/aave-v2.vue +++ b/pages/aave-v2.vue @@ -168,8 +168,8 @@ :type="item.type" :supply-reward-rate="item.supplyRewardRate" :borrow-reward-rate="item.borrowRewardRate" - reward-token-name="MATIC" - reward-currency="matic" + :reward-token-name="rewardTokenName" + :reward-currency="rewardCurrency" :cf="item.cf" :ll="item.ll" :borrow-enabled="item.borrowEnabled" @@ -192,15 +192,17 @@ import { useBigNumber } from "~/composables/useBigNumber"; import CardAave from "~/components/protocols/CardAave.vue"; import AaveIcon from "~/assets/icons/aave.svg?inline"; import ButtonCTAOutlined from "~/components/common/input/ButtonCTAOutlined.vue"; +import { Network, useNetwork } from "~/composables/useNetwork"; export default defineComponent({ components: { BackIcon, CardAave, AaveIcon, - ButtonCTAOutlined, + ButtonCTAOutlined }, setup() { + const { activeNetworkId } = useNetwork(); const { position, displayPositions, @@ -208,7 +210,7 @@ export default defineComponent({ totalBorrow, status, liquidation, - maxLiquidation, + maxLiquidation } = useAaveV2Position(); const { div } = useBigNumber(); @@ -227,6 +229,30 @@ export default defineComponent({ "type" ); + const rewardTokenName = computed(() => { + if (activeNetworkId.value === Network.Avalanche) { + return "AVAX"; + } + + if (activeNetworkId.value === Network.Mainnet) { + return "stkAAVE"; + } + + return "MATIC"; + }); + + const rewardCurrency = computed(() => { + if (activeNetworkId.value === Network.Avalanche) { + return "avax"; + } + + if (activeNetworkId.value === Network.Mainnet) { + return "stkaave"; + } + + return "matic"; + }); + return { position, filteredPositions, @@ -239,6 +265,8 @@ export default defineComponent({ color, text, maxLiquidation, + rewardTokenName, + rewardCurrency }; } });