Fix missing lending protocol config for SKY (sync from oasis-borrow)

OasisDEX · Sep 19, 2024 · 4dd6d59 · 4dd6d59
1 parent c1b0a48
commit 4dd6d59
Show file tree

Hide file tree

Showing 9 changed files with 227 additions and 0 deletions.
diff --git a/apps/earn-protocol/helpers/lending-protocol.ts b/apps/earn-protocol/helpers/lending-protocol.ts
@@ -5,6 +5,7 @@ export enum LendingProtocol {
   Maker = 'maker',
   MorphoBlue = 'morphoblue',
   SparkV3 = 'sparkv3',
+  Sky = 'sky',
 }
 
 export enum LendingProtocolLabel {
@@ -14,6 +15,7 @@ export enum LendingProtocolLabel {
   maker = 'Maker',
   morphoblue = 'Morpho Blue',
   sparkv3 = 'Spark',
+  sky = 'Sky',
 }
 
 export type AaveLendingProtocol = LendingProtocol.AaveV2 | LendingProtocol.AaveV3

diff --git a/apps/earn-protocol/helpers/lending-protocols-configs.ts b/apps/earn-protocol/helpers/lending-protocols-configs.ts
@@ -8,6 +8,7 @@ import makerIcon from 'public/img/protocol_icons/maker_icon.svg'
 import makerLogo from 'public/img/protocol_icons/maker_logo.svg'
 import morphoBlueIcon from 'public/img/protocol_icons/morpho_blue_icon.svg'
 import morphoBlueLogo from 'public/img/protocol_icons/morpho_blue_logo.svg'
+import skyIcon from 'public/img/protocol_icons/sky.svg'
 import sparkIcon from 'public/img/protocol_icons/spark_icon.svg'
 import sparkLogo from 'public/img/protocol_icons/spark_logo.svg'
 
@@ -69,13 +70,22 @@ const sparkConfig: LendingProtocolConfig = {
   logoScale: 1.2,
 }
 
+const skyConfig: LendingProtocolConfig = {
+  name: LendingProtocol.Sky,
+  label: LendingProtocolLabel.sky,
+  icon: skyIcon as string,
+  logo: skyIcon as string,
+  logoScale: 1.6,
+}
+
 const lendingProtocols = [
   aaveV2Config,
   aaveV3Config,
   ajnaConfig,
   makerConfig,
   morphoBlueConfig,
   sparkConfig,
+  skyConfig,
 ]
 
 export const lendingProtocolsByName = keyBy(lendingProtocols, 'name')
diff --git a/apps/earn-protocol/public/img/protocol_icons/sky.svg b/apps/earn-protocol/public/img/protocol_icons/sky.svg
diff --git a/apps/rays-dashboard/helpers/lending-protocol.ts b/apps/rays-dashboard/helpers/lending-protocol.ts
@@ -5,6 +5,7 @@ export enum LendingProtocol {
   Maker = 'maker',
   MorphoBlue = 'morphoblue',
   SparkV3 = 'sparkv3',
+  Sky = 'sky',
 }
 
 export enum LendingProtocolLabel {
@@ -14,6 +15,7 @@ export enum LendingProtocolLabel {
   maker = 'Maker',
   morphoblue = 'Morpho Blue',
   sparkv3 = 'Spark',
+  sky = 'Sky',
 }
 
 export type AaveLendingProtocol = LendingProtocol.AaveV2 | LendingProtocol.AaveV3

diff --git a/apps/rays-dashboard/helpers/lending-protocols-configs.ts b/apps/rays-dashboard/helpers/lending-protocols-configs.ts
@@ -8,6 +8,7 @@ import makerIcon from 'public/img/protocol_icons/maker_icon.svg'
 import makerLogo from 'public/img/protocol_icons/maker_logo.svg'
 import morphoBlueIcon from 'public/img/protocol_icons/morpho_blue_icon.svg'
 import morphoBlueLogo from 'public/img/protocol_icons/morpho_blue_logo.svg'
+import skyIcon from 'public/img/protocol_icons/sky.svg'
 import sparkIcon from 'public/img/protocol_icons/spark_icon.svg'
 import sparkLogo from 'public/img/protocol_icons/spark_logo.svg'
 
@@ -76,6 +77,14 @@ const sparkConfig: LendingProtocolConfig = {
   logoScale: 1.2,
 }
 
+const skyConfig: LendingProtocolConfig = {
+  name: LendingProtocol.Sky,
+  label: LendingProtocolLabel.sky,
+  icon: skyIcon as string,
+  logo: skyIcon as string,
+  logoScale: 1.6,
+}
+
 const lendingProtocols = [
   aaveV2Config,
   aaveV3Config,
@@ -84,6 +93,7 @@ const lendingProtocols = [
   makerConfig,
   morphoBlueConfig,
   sparkConfig,
+  skyConfig,
 ]
 
 export const lendingProtocolsByName = keyBy(lendingProtocols, 'name')
diff --git a/apps/rays-dashboard/public/img/protocol_icons/sky.svg b/apps/rays-dashboard/public/img/protocol_icons/sky.svg
diff --git a/...app-ui/src/components/layout/Navigation/NavigationMenuDropdownContentListItem.module.scss b/...app-ui/src/components/layout/Navigation/NavigationMenuDropdownContentListItem.module.scss
@@ -43,6 +43,11 @@
           background-image: var(--gradient-protocol-spark);
         }
     }
+    &sky {
+        &::after {
+          background-image: var(--gradient-protocol-sky);
+        }
+    }
 }
 
 .navigationMenuDropdownContentListItemTitle {

diff --git a/...i/src/components/layout/Navigation/NavigationMenuDropdownContentListItem.module.scss.d.ts b/...i/src/components/layout/Navigation/NavigationMenuDropdownContentListItem.module.scss.d.ts
@@ -11,6 +11,7 @@ export type Styles = {
   navigationMenuDropdownContentListItemTitleGradientajna: string
   navigationMenuDropdownContentListItemTitleGradientmaker: string
   navigationMenuDropdownContentListItemTitleGradientmorphoblue: string
+  navigationMenuDropdownContentListItemTitleGradientsky: string
   navigationMenuDropdownContentListItemTitleGradientsparkv3: string
   navigationMenuDropdownContentListItemWrapper: string
   starTransition: string

diff --git a/packages/app-ui/src/styles/gradients.scss b/packages/app-ui/src/styles/gradients.scss
@@ -13,4 +13,5 @@
   --gradient-protocol-maker: linear-gradient(135deg, #2dc1b1 0%, #139d8d 100%);
   --gradient-protocol-morpho-blue: linear-gradient(92deg, #1859f2 0%, #00378a 89.02%);
   --gradient-protocol-spark: linear-gradient(159deg, #f58013 12.26%, #f19d19 86.52%);
+  --gradient-protocol-sky: linear-gradient(159deg, #4a87fa 12.26%, #a294ee 86.52%);
 }