diff --git a/assets/icons/yearn.svg b/assets/icons/yearn.svg new file mode 100644 index 0000000..1524ede --- /dev/null +++ b/assets/icons/yearn.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/components/protocols/yearn-v2/CardYearn.vue b/components/protocols/yearn-v2/CardYearn.vue index 4c19488..a6a3012 100644 --- a/components/protocols/yearn-v2/CardYearn.vue +++ b/components/protocols/yearn-v2/CardYearn.vue @@ -1,6 +1,6 @@ @@ -23,10 +23,11 @@ /> - - - {{ formatPercent(netAPY) }} net APY + + {{ formatPercent(netAPY) }} + net APY + diff --git a/pages/index.vue b/pages/index.vue index 62eb823..6fb440b 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -38,6 +38,7 @@ import MakerIcon from "~/assets/icons/makerdao.svg?inline"; import OneInchIcon from "~/assets/icons/1inch.svg?inline"; import LiquityIcon from "~/assets/icons/liquity.svg?inline"; import ReflexerIcon from "~/assets/icons/reflexer.svg?inline"; +import YearnIcon from "~/assets/icons/yearn.svg?inline"; const appsPerNetwork = { mainnet: [ @@ -82,6 +83,13 @@ const appsPerNetwork = { name: "Reflexer Finance", url: "/mainnet/reflexer", description: "Collateralized RAI Debt" + }, + { + id: "yearn-v2", + icon: YearnIcon, + name: "Yearn", + url: "/mainnet/yearn-v2", + description: "" } ], polygon: [ diff --git a/pages/mainnet/yearn-v2.vue b/pages/mainnet/yearn-v2.vue index 8992323..1c5b259 100644 --- a/pages/mainnet/yearn-v2.vue +++ b/pages/mainnet/yearn-v2.vue @@ -19,7 +19,7 @@ - + Yearn @@ -68,14 +68,14 @@ import { useYearnV2Position } from "~/composables/protocols/useYearnV2Position"; import { useFormatting } from "~/composables/useFormatting"; import { useSearchFilter } from "~/composables/useSearchFilter"; import CardYearn from "~/components/protocols/yearn-v2/CardYearn.vue"; -import CompoundIcon from "~/assets/icons/compound.svg?inline"; +import YearnIcon from "~/assets/icons/yearn.svg?inline"; import ButtonCTAOutlined from "~/components/common/input/ButtonCTAOutlined.vue"; export default defineComponent({ components: { BackIcon, CardYearn, - CompoundIcon, + YearnIcon, ButtonCTAOutlined, }, setup() { @@ -86,7 +86,7 @@ export default defineComponent({ const { filtered: filteredVaults, search } = useSearchFilter( vaults, "key", - "type" + "display_name" ); return {
{{ formatPercent(netAPY) }}
net APY