From 56fddcb4bfa6499da333fe89b238fa99af7bb84c Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Fri, 24 Sep 2021 00:31:17 +0300
Subject: [PATCH] fixes

---
 assets/icons/yearn.svg                      | 7 +++++++
 components/protocols/yearn-v2/CardYearn.vue | 9 +++++----
 pages/index.vue                             | 8 ++++++++
 pages/mainnet/yearn-v2.vue                  | 8 ++++----
 4 files changed, 24 insertions(+), 8 deletions(-)
 create mode 100644 assets/icons/yearn.svg

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 @@
+<svg viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.375 11.375C11.375 10.4788 12.1038 9.75 13 9.75C13.8962 9.75 14.625 10.4788 14.625 11.375C14.625 12.2712 13.8962 13 13 13C12.1038 13 11.375 12.2712 11.375 11.375Z" fill="white"/>
+<path d="M7.3125 16.25H18.6875V6.5H7.3125V16.25ZM13 8.125C14.5096 8.125 15.7714 9.165 16.1346 10.5625H17.0625C17.511 10.5625 17.875 10.9265 17.875 11.375C17.875 11.8235 17.511 12.1875 17.0625 12.1875H16.1346C15.7714 13.585 14.5096 14.625 13 14.625C11.2076 14.625 9.75 13.1674 9.75 11.375C9.75 9.58262 11.2076 8.125 13 8.125Z" fill="white"/>
+<path d="M21.125 1.625H4.875C3.53112 1.625 2.4375 2.71862 2.4375 4.0625V18.6875C2.4375 20.0314 3.53112 21.125 4.875 21.125H21.125C22.4689 21.125 23.5625 20.0314 23.5625 18.6875V4.0625C23.5625 2.71862 22.4689 1.625 21.125 1.625ZM20.3125 17.0625C20.3125 17.511 19.9485 17.875 19.5 17.875H6.5C6.0515 17.875 5.6875 17.511 5.6875 17.0625V5.6875C5.6875 5.239 6.0515 4.875 6.5 4.875H19.5C19.9485 4.875 20.3125 5.239 20.3125 5.6875V17.0625Z" fill="white"/>
+<path d="M17.0625 22.75H21.125V23.5625C21.125 24.011 20.761 24.375 20.3125 24.375H17.875C17.4265 24.375 17.0625 24.011 17.0625 23.5625V22.75Z" fill="white"/>
+<path d="M4.875 22.75H8.9375V23.5625C8.9375 24.011 8.5735 24.375 8.125 24.375H5.6875C5.239 24.375 4.875 24.011 4.875 23.5625V22.75Z" fill="white"/>
+</svg>
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 @@
 <template>
   <div
-    class="flex-shrink-0 bg-white rounded-lg relative flex flex-col flex-1 px-4 pt-4 pb-6 dark:bg-dark-500"
+    class="flex-shrink-0 bg-white rounded-lg relative flex flex-col flex-1 px-6 pt-4 pb-6 dark:bg-dark-500"
     style="box-shadow: -1px -3px 10px rgba(12, 25, 91, 0.03), 2px 4px 12px rgba(12, 25, 91, 0.05)"
   >
     <div class="flex items-center h-14">
@@ -23,10 +23,11 @@
           />
         </div>
       </div>
-    </div>
 
-    <div class="grid w-full grid-cols-3 gap-4 mt-4">
-      {{ formatPercent(netAPY) }} net APY
+      <div class="ml-auto text-right">
+        <p class="text-lg font-medium">{{ formatPercent(netAPY) }}</p> 
+        <p class="text-sm font-medium text-[#9FB0C9]">net APY</p>
+      </div>
     </div>
 
     <hr class="mt-4" />
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 @@
           <div
             class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
           >
-            <CompoundIcon class="w-8 h-8 text-white" />
+            <YearnIcon class="w-8 h-8 text-white" />
           </div>
         </div>
         <h1 class="ml-4 text-primary-black text-2xl font-semibold">Yearn</h1>
@@ -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 {