From 7370cb306f44aad7a57917e1c4aa1e1f886973c7 Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Sun, 18 Jul 2021 00:52:42 +0300
Subject: [PATCH] wip

---
 assets/icons/aave.svg     |  5 +++++
 assets/icons/compound.svg |  5 +++++
 assets/icons/makerdao.svg |  4 ++++
 layouts/default.vue       | 20 ++++++++++++++++++--
 4 files changed, 32 insertions(+), 2 deletions(-)
 create mode 100644 assets/icons/aave.svg
 create mode 100644 assets/icons/compound.svg
 create mode 100644 assets/icons/makerdao.svg

diff --git a/assets/icons/aave.svg b/assets/icons/aave.svg
new file mode 100644
index 0000000..dbed611
--- /dev/null
+++ b/assets/icons/aave.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M16.6589 22.4944V22.9705C16.6553 23.0305 16.6432 23.2967 16.4393 23.4989C16.2438 23.6802 16.0193 23.6658 15.9722 23.6632H15.971C15.889 23.6528 15.6259 23.6032 15.4739 23.3736C15.3856 23.2201 15.3388 23.043 15.3387 22.8622C15.3368 22.8196 15.3376 22.7769 15.3411 22.7344C15.3465 22.6857 15.3449 22.6364 15.3363 22.5883C15.3093 22.4455 15.2448 22.3141 15.1504 22.21C15.025 22.0735 14.8575 21.9918 14.6798 21.9804C14.3878 21.97 14.103 22.1943 13.9775 22.5387V23.7624C13.9574 23.9362 13.8803 24.0964 13.7604 24.2142C13.6404 24.3319 13.4854 24.3993 13.3234 24.4042C13.1669 24.4066 13.0144 24.3506 12.8917 24.2455C12.769 24.1405 12.6837 23.9928 12.65 23.8276V22.5309C12.6189 22.3657 12.5372 22.2166 12.4181 22.1077C12.299 21.9988 12.1495 21.9365 11.9936 21.9308C11.831 21.9279 11.6728 21.987 11.5465 22.0977C11.4203 22.2084 11.3342 22.3636 11.3033 22.5361V24.9234C11.2701 25.0874 11.1859 25.2342 11.0646 25.3391C10.9434 25.4441 10.7925 25.5009 10.6372 25.5C10.4921 25.4957 10.3522 25.4416 10.2376 25.3454C10.123 25.2492 10.0397 25.116 10 24.9651V12.3817C10.0434 11.8547 10.2558 9.92399 11.7474 8.33769C13.5237 6.44613 15.7611 6.48787 16.1521 6.50353C18.3556 6.58441 19.7699 7.95677 20.1392 8.33769C21.7128 9.96834 21.9517 11.9617 22 12.4835L21.9916 18.706L21.9831 24.9286C21.9499 25.0819 21.8723 25.2197 21.7616 25.322C21.6509 25.4243 21.5129 25.4857 21.3677 25.4974C21.0274 25.513 20.7064 25.2156 20.6702 24.8034V22.5152C20.637 22.346 20.55 22.1946 20.4244 22.0874C20.2987 21.9801 20.1423 21.9238 19.9823 21.9282C19.813 21.9371 19.6529 22.014 19.5332 22.1438C19.4136 22.2736 19.3431 22.447 19.3355 22.63V23.6919C19.3303 23.8648 19.2689 24.0302 19.1621 24.1591C19.0552 24.2879 18.9098 24.3719 18.7514 24.3964C18.5849 24.4173 18.417 24.3715 18.2795 24.2677C18.1421 24.1638 18.0447 24.0091 18.0056 23.8328V22.6353C17.9963 22.4674 17.935 22.3077 17.8318 22.1819C17.7285 22.056 17.5891 21.9713 17.436 21.9413C17.2663 21.9145 17.0934 21.956 16.9501 22.058C16.8069 22.16 16.7032 22.3152 16.6589 22.4944ZM14.8825 12.5617C14.8825 12.7437 14.8494 12.9238 14.785 13.0919C14.7206 13.26 14.6262 13.4127 14.5072 13.5414C14.3882 13.67 14.2469 13.7721 14.0914 13.8417C13.9359 13.9113 13.7693 13.9471 13.601 13.9471C13.4327 13.9471 13.266 13.9113 13.1105 13.8417C12.955 13.7721 12.8138 13.67 12.6948 13.5414C12.5757 13.4127 12.4813 13.26 12.4169 13.0919C12.3525 12.9238 12.3194 12.7437 12.3194 12.5617C12.3194 12.1943 12.4544 11.8419 12.6948 11.5821C12.9351 11.3223 13.2611 11.1763 13.601 11.1763C13.9409 11.1763 14.2668 11.3223 14.5072 11.5821C14.7475 11.8419 14.8825 12.1943 14.8825 12.5617ZM18.0346 13.9471C18.3745 13.9471 18.7005 13.8012 18.9408 13.5414C19.1811 13.2815 19.3162 12.9292 19.3162 12.5617C19.3162 12.1943 19.1811 11.8419 18.9408 11.5821C18.7005 11.3223 18.3745 11.1763 18.0346 11.1763C17.6947 11.1763 17.3687 11.3223 17.1284 11.5821C16.888 11.8419 16.753 12.1943 16.753 12.5617C16.753 12.9292 16.888 13.2815 17.1284 13.5414C17.3687 13.8012 17.6947 13.9471 18.0346 13.9471ZM17.0064 15.0716C17.0064 15.0716 16.8785 15.6795 16.2631 15.7578C15.1915 15.8961 15.066 15.0716 15.066 15.0716C15.066 15.0716 15.0032 14.6229 15.4714 14.7716C15.9397 14.9203 16.613 14.7716 16.613 14.7716C16.613 14.7716 17.103 14.6438 17.0064 15.0716Z"
+        fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/assets/icons/compound.svg b/assets/icons/compound.svg
new file mode 100644
index 0000000..5aacfd6
--- /dev/null
+++ b/assets/icons/compound.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M8.82066 21.5824C8.5701 21.4331 8.363 21.2233 8.21928 20.9732C8.07556 20.723 8.00005 20.4408 8 20.1539V16.9011C8.0002 16.7782 8.03348 16.6575 8.0965 16.5512C8.15951 16.4448 8.25004 16.3566 8.35898 16.2954C8.46792 16.2341 8.59142 16.202 8.71707 16.2023C8.84272 16.2025 8.96608 16.2352 9.07475 16.2969L16.579 20.5796C16.7944 20.7032 16.9731 20.8798 17.0973 21.0917C17.2215 21.3037 17.287 21.5437 17.2872 21.7881V25.1594C17.2876 25.3084 17.2474 25.4548 17.1707 25.5835C17.0941 25.7123 16.9837 25.8187 16.8511 25.8919C16.7184 25.9651 16.5682 26.0023 16.4159 25.9999C16.2637 25.9974 16.1148 25.9553 15.9847 25.8779L8.82066 21.5824ZM20.0062 15.4112C20.2212 15.5351 20.3995 15.7118 20.5235 15.9237C20.6474 16.1357 20.7127 16.3755 20.713 16.6197V23.458C20.7128 23.5572 20.6856 23.6546 20.6343 23.7402C20.583 23.8258 20.5093 23.8965 20.4209 23.9451L18.7767 24.8508C18.7551 24.8613 18.7326 24.8699 18.7095 24.8765V21.0738C18.7098 20.8317 18.6457 20.5937 18.5236 20.383C18.4015 20.1724 18.2255 19.9965 18.013 19.8724L11.4228 16.0154V11.7299C11.4228 11.6069 11.4559 11.486 11.5188 11.3794C11.5817 11.2729 11.6722 11.1845 11.7812 11.1231C11.8902 11.0616 12.0138 11.0294 12.1395 11.0296C12.2653 11.0298 12.3888 11.0624 12.4976 11.1242L20.0047 15.4098L20.0062 15.4112ZM23.2889 10.3571C23.5054 10.4797 23.6851 10.656 23.81 10.8681C23.9348 11.0803 24.0003 11.3208 24 11.5656V21.5552C24 21.7609 23.8832 21.9481 23.7006 22.0466L22.1426 22.8709V15.914C22.1427 15.673 22.079 15.4361 21.9577 15.2263C21.8364 15.0165 21.6616 14.841 21.4504 14.7169L14.7186 10.7642V6.69867C14.719 6.57569 14.7511 6.4548 14.8121 6.34725C14.9075 6.18719 15.064 6.07068 15.2471 6.02329C15.4302 5.97589 15.6251 6.00146 15.789 6.09441L23.2889 10.3585V10.3571Z"
+        fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/assets/icons/makerdao.svg b/assets/icons/makerdao.svg
new file mode 100644
index 0000000..bdf1920
--- /dev/null
+++ b/assets/icons/makerdao.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 21V11.1842C7 11.1048 7.08793 11.0571 7.15446 11.1003L13.7723 15.3976C13.9143 15.4898 14 15.6476 14 15.8169V21" stroke="currentColor" stroke-width="2"/>
+<path d="M25 21V11.1842C25 11.1048 24.9121 11.0571 24.8455 11.1003L18.2277 15.3976C18.0857 15.4898 18 15.6476 18 15.8169V21" stroke="currentColor" stroke-width="2"/>
+</svg>
diff --git a/layouts/default.vue b/layouts/default.vue
index 0848cbb..07f92ce 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -4,18 +4,26 @@
     <div class="max-w-6xl mx-auto py-8">
       <div class="space-x-4">
         <button
-          class="font-semibold text-primary-gray h-[44px] w-[216px] rounded-[6px] p-5 inline-flex items-center justify-center shadow-lg"
+          class="font-semibold text-primary-gray hover:text-primary-blue-dark h-[44px] w-[216px] rounded-[6px] p-5 inline-flex items-center justify-center shadow-lg"
         >
+          <MakerDAOIcon class="mr-2 w-8 h-8" />
+
           Maker
         </button>
+
         <button
           class="font-semibold text-white h-[44px] w-[216px] rounded-[6px] p-5 inline-flex items-center justify-center shadow bg-primary-blue-dark hover:bg-primary-blue-hover "
         >
+          <CompoundIcon class="mr-2 w-8 h-8" />
+
           Compound
         </button>
+
         <button
-          class="font-semibold text-primary-gray h-[44px] w-[216px] rounded-[6px] p-5 inline-flex items-center justify-center shadow-lg"
+          class="font-semibold text-primary-gray hover:text-primary-blue-dark h-[44px] w-[216px] rounded-[6px] p-5 inline-flex items-center justify-center shadow-lg"
         >
+          <AaveIcon class="mr-2 w-8 h-8" />
+
           Aave
         </button>
       </div>
@@ -31,8 +39,16 @@
 
 <script>
 import { defineComponent } from "@nuxtjs/composition-api";
+import MakerDAOIcon from '~/assets/icons/makerdao.svg?inline'
+import CompoundIcon from '~/assets/icons/compound.svg?inline'
+import AaveIcon from '~/assets/icons/aave.svg?inline'
 
 export default defineComponent({
+  components: {
+    MakerDAOIcon,
+    CompoundIcon,
+    AaveIcon,
+  }
 
 })
 </script>
\ No newline at end of file