From 5d00313260eb688d169ed26596c7d27059bcd55b Mon Sep 17 00:00:00 2001 From: Georges KABBOUCHI Date: Sun, 25 Jul 2021 02:40:30 +0300 Subject: [PATCH] wip --- assets/icons/arrow-left.svg | 1 + assets/icons/arrow-right.svg | 1 + assets/icons/close.svg | 1 + assets/icons/external-link.svg | 1 + assets/icons/info.svg | 5 + assets/icons/pending.svg | 1 + assets/icons/price.svg | 3 + assets/icons/spinner.svg | 1 + assets/logo/aave-v2.svg | 15 ++ assets/logo/aave.svg | 9 + assets/logo/aave_old.svg | 10 ++ assets/logo/background/aave.svg | 10 ++ assets/logo/background/compound.svg | 1 + assets/logo/background/ethereum.svg | 13 ++ assets/logo/background/makerdao.svg | 1 + assets/logo/background/polygon.svg | 5 + assets/logo/coinbase.svg | 1 + assets/logo/compound.svg | 3 + assets/logo/curve.svg | 1 + assets/logo/default.svg | 4 + assets/logo/discord.svg | 3 + assets/logo/instadapp-filled-no-padding.svg | 12 ++ assets/logo/instadapp-logo-icon-no-color.svg | 4 + assets/logo/instadapp-logo-icon.svg | 4 + assets/logo/kyber.svg | 1 + assets/logo/makerdao.svg | 3 + assets/logo/polygon.svg | 3 + assets/logo/uniswap.svg | 4 + components/Badge.vue | 31 ++++ components/Button.vue | 49 +++++ components/CardAave.vue | 4 +- components/Divider.vue | 25 +++ components/IconBackground.vue | 33 ++++ components/IconNotification.vue | 63 +++++++ components/Info.vue | 35 ++++ components/Notification.vue | 70 ++++++++ components/NotificationBar.vue | 83 +++++++++ components/RewardsRateBadge.vue | 51 ++++++ components/SearchInput.vue | 38 +++- components/sidebar/context/SidebarContext.vue | 75 ++++++++ .../context/SidebarContextContainer.vue | 5 + .../sidebar/context/SidebarContextHeader.vue | 43 +++++ .../context/SidebarContextRootContainer.vue | 19 ++ .../context/aaveV2/SidebarAaveV2Supply.vue | 84 +++++++++ .../context/components/CurrencyList.vue | 43 +++++ .../context/components/CustomBlockCard.vue | 100 +++++++++++ .../context/components/CustomBlocksList.vue | 41 +++++ .../components/CustomTempBlockCard.vue | 7 + .../components/SidebarRateTypeSelect.vue | 71 ++++++++ .../components/SidebarSectionStatus.vue | 38 ++++ .../SidebarSectionValueWithIcon.vue | 19 ++ .../context/components/SidebarTokensList.vue | 74 ++++++++ .../components/StrategyCheckoutCard.vue | 54 ++++++ .../context/components/ValueDisplay.vue | 38 ++++ .../context/components/ValueDisplayLabel.vue | 5 + composables/useCustomBlocks.ts | 107 +++++++++++ composables/useLink.ts | 21 +++ composables/useNotification.ts | 170 ++++++++++++++++++ composables/useProtocolData.ts | 83 +++++++++ composables/useRandom.ts | 20 +++ composables/useSidebar.ts | 106 +++++++++++ composables/useSidebarBlockData.ts | 33 ++++ composables/useStatus.ts | 52 ++++++ core/entity/protocol.ts | 12 ++ core/entity/swap-token-block.ts | 25 +++ layouts/default.vue | 36 +++- nuxt.config.js | 1 + package.json | 2 + plugins/v-tooltip/index.js | 12 ++ plugins/v-tooltip/v-tooltip.css | 73 ++++++++ tailwind.config.js | 96 +++++++++- yarn.lock | 72 +++++++- 72 files changed, 2228 insertions(+), 12 deletions(-) create mode 100644 assets/icons/arrow-left.svg create mode 100644 assets/icons/arrow-right.svg create mode 100644 assets/icons/close.svg create mode 100644 assets/icons/external-link.svg create mode 100644 assets/icons/info.svg create mode 100644 assets/icons/pending.svg create mode 100644 assets/icons/price.svg create mode 100644 assets/icons/spinner.svg create mode 100644 assets/logo/aave-v2.svg create mode 100644 assets/logo/aave.svg create mode 100644 assets/logo/aave_old.svg create mode 100644 assets/logo/background/aave.svg create mode 100644 assets/logo/background/compound.svg create mode 100644 assets/logo/background/ethereum.svg create mode 100644 assets/logo/background/makerdao.svg create mode 100644 assets/logo/background/polygon.svg create mode 100644 assets/logo/coinbase.svg create mode 100644 assets/logo/compound.svg create mode 100644 assets/logo/curve.svg create mode 100644 assets/logo/default.svg create mode 100644 assets/logo/discord.svg create mode 100644 assets/logo/instadapp-filled-no-padding.svg create mode 100644 assets/logo/instadapp-logo-icon-no-color.svg create mode 100644 assets/logo/instadapp-logo-icon.svg create mode 100644 assets/logo/kyber.svg create mode 100644 assets/logo/makerdao.svg create mode 100644 assets/logo/polygon.svg create mode 100644 assets/logo/uniswap.svg create mode 100644 components/Badge.vue create mode 100644 components/Button.vue create mode 100644 components/Divider.vue create mode 100644 components/IconBackground.vue create mode 100644 components/IconNotification.vue create mode 100644 components/Info.vue create mode 100644 components/Notification.vue create mode 100644 components/NotificationBar.vue create mode 100644 components/RewardsRateBadge.vue create mode 100644 components/sidebar/context/SidebarContext.vue create mode 100644 components/sidebar/context/SidebarContextContainer.vue create mode 100644 components/sidebar/context/SidebarContextHeader.vue create mode 100644 components/sidebar/context/SidebarContextRootContainer.vue create mode 100644 components/sidebar/context/aaveV2/SidebarAaveV2Supply.vue create mode 100644 components/sidebar/context/components/CurrencyList.vue create mode 100644 components/sidebar/context/components/CustomBlockCard.vue create mode 100644 components/sidebar/context/components/CustomBlocksList.vue create mode 100644 components/sidebar/context/components/CustomTempBlockCard.vue create mode 100644 components/sidebar/context/components/SidebarRateTypeSelect.vue create mode 100644 components/sidebar/context/components/SidebarSectionStatus.vue create mode 100644 components/sidebar/context/components/SidebarSectionValueWithIcon.vue create mode 100644 components/sidebar/context/components/SidebarTokensList.vue create mode 100644 components/sidebar/context/components/StrategyCheckoutCard.vue create mode 100644 components/sidebar/context/components/ValueDisplay.vue create mode 100644 components/sidebar/context/components/ValueDisplayLabel.vue create mode 100644 composables/useCustomBlocks.ts create mode 100644 composables/useLink.ts create mode 100644 composables/useNotification.ts create mode 100644 composables/useProtocolData.ts create mode 100644 composables/useRandom.ts create mode 100644 composables/useSidebar.ts create mode 100644 composables/useSidebarBlockData.ts create mode 100644 composables/useStatus.ts create mode 100644 core/entity/protocol.ts create mode 100644 core/entity/swap-token-block.ts create mode 100644 plugins/v-tooltip/index.js create mode 100644 plugins/v-tooltip/v-tooltip.css diff --git a/assets/icons/arrow-left.svg b/assets/icons/arrow-left.svg new file mode 100644 index 0000000..c8f97ef --- /dev/null +++ b/assets/icons/arrow-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/arrow-right.svg b/assets/icons/arrow-right.svg new file mode 100644 index 0000000..e12fdf8 --- /dev/null +++ b/assets/icons/arrow-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/close.svg b/assets/icons/close.svg new file mode 100644 index 0000000..c1f4a68 --- /dev/null +++ b/assets/icons/close.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/external-link.svg b/assets/icons/external-link.svg new file mode 100644 index 0000000..fcabc7a --- /dev/null +++ b/assets/icons/external-link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/info.svg b/assets/icons/info.svg new file mode 100644 index 0000000..7f2adad --- /dev/null +++ b/assets/icons/info.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/icons/pending.svg b/assets/icons/pending.svg new file mode 100644 index 0000000..3eb176e --- /dev/null +++ b/assets/icons/pending.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/price.svg b/assets/icons/price.svg new file mode 100644 index 0000000..064d48b --- /dev/null +++ b/assets/icons/price.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/spinner.svg b/assets/icons/spinner.svg new file mode 100644 index 0000000..be49b35 --- /dev/null +++ b/assets/icons/spinner.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/logo/aave-v2.svg b/assets/logo/aave-v2.svg new file mode 100644 index 0000000..d8e1f42 --- /dev/null +++ b/assets/logo/aave-v2.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/assets/logo/aave.svg b/assets/logo/aave.svg new file mode 100644 index 0000000..d77171f --- /dev/null +++ b/assets/logo/aave.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/logo/aave_old.svg b/assets/logo/aave_old.svg new file mode 100644 index 0000000..7582910 --- /dev/null +++ b/assets/logo/aave_old.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/logo/background/aave.svg b/assets/logo/background/aave.svg new file mode 100644 index 0000000..b28cb41 --- /dev/null +++ b/assets/logo/background/aave.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/logo/background/compound.svg b/assets/logo/background/compound.svg new file mode 100644 index 0000000..bd1455c --- /dev/null +++ b/assets/logo/background/compound.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/logo/background/ethereum.svg b/assets/logo/background/ethereum.svg new file mode 100644 index 0000000..8c7524d --- /dev/null +++ b/assets/logo/background/ethereum.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/logo/background/makerdao.svg b/assets/logo/background/makerdao.svg new file mode 100644 index 0000000..7effa69 --- /dev/null +++ b/assets/logo/background/makerdao.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/logo/background/polygon.svg b/assets/logo/background/polygon.svg new file mode 100644 index 0000000..14812ef --- /dev/null +++ b/assets/logo/background/polygon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/logo/coinbase.svg b/assets/logo/coinbase.svg new file mode 100644 index 0000000..dd99f98 --- /dev/null +++ b/assets/logo/coinbase.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/logo/compound.svg b/assets/logo/compound.svg new file mode 100644 index 0000000..7fc6ffa --- /dev/null +++ b/assets/logo/compound.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/logo/curve.svg b/assets/logo/curve.svg new file mode 100644 index 0000000..a1fb0da --- /dev/null +++ b/assets/logo/curve.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/logo/default.svg b/assets/logo/default.svg new file mode 100644 index 0000000..e526717 --- /dev/null +++ b/assets/logo/default.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/logo/discord.svg b/assets/logo/discord.svg new file mode 100644 index 0000000..aaed44b --- /dev/null +++ b/assets/logo/discord.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/logo/instadapp-filled-no-padding.svg b/assets/logo/instadapp-filled-no-padding.svg new file mode 100644 index 0000000..d54ea13 --- /dev/null +++ b/assets/logo/instadapp-filled-no-padding.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/logo/instadapp-logo-icon-no-color.svg b/assets/logo/instadapp-logo-icon-no-color.svg new file mode 100644 index 0000000..e5d51b2 --- /dev/null +++ b/assets/logo/instadapp-logo-icon-no-color.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/logo/instadapp-logo-icon.svg b/assets/logo/instadapp-logo-icon.svg new file mode 100644 index 0000000..25242d8 --- /dev/null +++ b/assets/logo/instadapp-logo-icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/logo/kyber.svg b/assets/logo/kyber.svg new file mode 100644 index 0000000..d9461ad --- /dev/null +++ b/assets/logo/kyber.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/logo/makerdao.svg b/assets/logo/makerdao.svg new file mode 100644 index 0000000..84e70de --- /dev/null +++ b/assets/logo/makerdao.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/logo/polygon.svg b/assets/logo/polygon.svg new file mode 100644 index 0000000..c247c11 --- /dev/null +++ b/assets/logo/polygon.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/logo/uniswap.svg b/assets/logo/uniswap.svg new file mode 100644 index 0000000..b99dea6 --- /dev/null +++ b/assets/logo/uniswap.svg @@ -0,0 +1,4 @@ + + + + diff --git a/components/Badge.vue b/components/Badge.vue new file mode 100644 index 0000000..81a31d4 --- /dev/null +++ b/components/Badge.vue @@ -0,0 +1,31 @@ + + + diff --git a/components/Button.vue b/components/Button.vue new file mode 100644 index 0000000..6b0ff84 --- /dev/null +++ b/components/Button.vue @@ -0,0 +1,49 @@ + + + diff --git a/components/CardAave.vue b/components/CardAave.vue index c253dcf..bec393d 100644 --- a/components/CardAave.vue +++ b/components/CardAave.vue @@ -1,5 +1,5 @@ diff --git a/components/IconBackground.vue b/components/IconBackground.vue new file mode 100644 index 0000000..692ba33 --- /dev/null +++ b/components/IconBackground.vue @@ -0,0 +1,33 @@ + + + diff --git a/components/IconNotification.vue b/components/IconNotification.vue new file mode 100644 index 0000000..5d3a08f --- /dev/null +++ b/components/IconNotification.vue @@ -0,0 +1,63 @@ + + + diff --git a/components/Info.vue b/components/Info.vue new file mode 100644 index 0000000..145c2a5 --- /dev/null +++ b/components/Info.vue @@ -0,0 +1,35 @@ + + + + + diff --git a/components/Notification.vue b/components/Notification.vue new file mode 100644 index 0000000..3eabdf5 --- /dev/null +++ b/components/Notification.vue @@ -0,0 +1,70 @@ + + + diff --git a/components/NotificationBar.vue b/components/NotificationBar.vue new file mode 100644 index 0000000..197d7dc --- /dev/null +++ b/components/NotificationBar.vue @@ -0,0 +1,83 @@ + + + + + diff --git a/components/RewardsRateBadge.vue b/components/RewardsRateBadge.vue new file mode 100644 index 0000000..90445bf --- /dev/null +++ b/components/RewardsRateBadge.vue @@ -0,0 +1,51 @@ + + + + + diff --git a/components/SearchInput.vue b/components/SearchInput.vue index 9e73c1a..85bfe12 100644 --- a/components/SearchInput.vue +++ b/components/SearchInput.vue @@ -1,7 +1,7 @@