From 4da88f5e8b327f9dfdce05a252eefc32f75cc42c Mon Sep 17 00:00:00 2001
From: FBrinkkemper <Frankbrinkkemper@gmail.com>
Date: Thu, 28 Mar 2024 11:23:10 +0100
Subject: [PATCH] Pk/add susde to pf (#3738)

* add susde and fix icon

* update tokens

---------

Co-authored-by: Piotr Konowrocki <piotr@oazoapps.com>
---
 features/productHub/meta.ts                   | 57 +++++++++++++++----
 .../product-hub/helpers/get-token-group.ts    |  7 +++
 theme/icons/susde.tsx                         | 57 ++++++++++---------
 3 files changed, 83 insertions(+), 38 deletions(-)

diff --git a/features/productHub/meta.ts b/features/productHub/meta.ts
index e495241fff..6b6a14a739 100644
--- a/features/productHub/meta.ts
+++ b/features/productHub/meta.ts
@@ -75,7 +75,7 @@ export const productHubTokenOptions: { [key: string]: HeaderSelectorOption } = {
   },
   BTC: {
     title: 'Bitcoin',
-    description: 'WBTC/TBTC',
+    description: 'WBTC',
     value: 'BTC',
     icon: btc_circle_color,
   },
@@ -97,11 +97,35 @@ export const productHubTokenOptions: { [key: string]: HeaderSelectorOption } = {
     value: 'YFI',
     icon: getToken('YFI').iconCircle,
   },
-  GHO: {
-    title: 'GHO stablecoin',
-    description: 'GHO',
-    value: 'GHO',
-    icon: getToken('GHO').iconCircle,
+  SUSDE: {
+    title: 'Ethena Staked USDe',
+    description: 'SUSDE',
+    value: 'SUSDE',
+    icon: getToken('SUSDE').iconCircle,
+  },
+  USDT: {
+    title: 'USDT stablecoin',
+    description: 'USDT',
+    value: 'USDT',
+    icon: getToken('USDT').iconCircle,
+  },
+  MKR: {
+    title: 'MKR MakerDAO',
+    description: 'MKR',
+    value: 'MKR',
+    icon: getToken('MKR').iconCircle,
+  },
+  LINK: {
+    title: 'Chainlink LINK',
+    description: 'LINK',
+    value: 'LINK',
+    icon: getToken('LINK').iconCircle,
+  },
+  LDO: {
+    title: 'Lido LDO',
+    description: 'LDO',
+    value: 'LDO',
+    icon: getToken('LDO').iconCircle,
   },
 }
 
@@ -118,9 +142,13 @@ export const productHubOptionsMapBase: {
       ETH: productHubTokenOptions.ETH,
       BTC: productHubTokenOptions.BTC,
       USDC: productHubTokenOptions.USDC,
+      USDT: productHubTokenOptions.USDT,
       DAI: productHubTokenOptions.DAI,
+      SUSDE: productHubTokenOptions.SUSDE,
+      MKR: productHubTokenOptions.MKR,
+      LINK: productHubTokenOptions.LINK,
+      LDO: productHubTokenOptions.LDO,
       YFI: productHubTokenOptions.YFI,
-      GHO: productHubTokenOptions.GHO,
     },
   },
   multiply: {
@@ -130,9 +158,13 @@ export const productHubOptionsMapBase: {
       ETH: productHubTokenOptions.ETH,
       BTC: productHubTokenOptions.BTC,
       USDC: productHubTokenOptions.USDC,
-      YFI: productHubTokenOptions.YFI,
+      USDT: productHubTokenOptions.USDT,
       DAI: productHubTokenOptions.DAI,
-      GHO: productHubTokenOptions.GHO,
+      SUSDE: productHubTokenOptions.SUSDE,
+      MKR: productHubTokenOptions.MKR,
+      LINK: productHubTokenOptions.LINK,
+      LDO: productHubTokenOptions.LDO,
+      YFI: productHubTokenOptions.YFI,
     },
   },
   earn: {
@@ -142,8 +174,13 @@ export const productHubOptionsMapBase: {
       ETH: productHubTokenOptions.ETH,
       BTC: productHubTokenOptions.BTC,
       USDC: productHubTokenOptions.USDC,
+      USDT: productHubTokenOptions.USDT,
       DAI: productHubTokenOptions.DAI,
-      GHO: productHubTokenOptions.GHO,
+      SUSDE: productHubTokenOptions.SUSDE,
+      MKR: productHubTokenOptions.MKR,
+      LINK: productHubTokenOptions.LINK,
+      LDO: productHubTokenOptions.LDO,
+      YFI: productHubTokenOptions.YFI,
     },
   },
 }
diff --git a/handlers/product-hub/helpers/get-token-group.ts b/handlers/product-hub/helpers/get-token-group.ts
index 0151e872d7..8d1fc04506 100644
--- a/handlers/product-hub/helpers/get-token-group.ts
+++ b/handlers/product-hub/helpers/get-token-group.ts
@@ -9,6 +9,12 @@ export function getTokenGroup(token: string): string {
     case 'STYETH':
     case 'WETH':
     case 'WSTETH':
+    case 'OSETH':
+    case 'XETH':
+    case 'DETH':
+    case 'APXETH':
+    case 'WEETH':
+    case 'EZETH':
     case 'YIELDETH':
       return 'ETH'
     case 'TBTC':
@@ -18,6 +24,7 @@ export function getTokenGroup(token: string): string {
     case 'SDAI':
       return 'DAI'
     case 'USDBC':
+    case 'USDC.E':
       return 'USDC'
     default:
       return token
diff --git a/theme/icons/susde.tsx b/theme/icons/susde.tsx
index 4e0adbe5f0..b491ad8bdd 100644
--- a/theme/icons/susde.tsx
+++ b/theme/icons/susde.tsx
@@ -1,61 +1,62 @@
 import React from 'react'
 export const susde = {
   path: (
-    <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clip-path="url(#clip0_14423_2398)">
+    <>
+      <g clipPath="url(#clip0_14423_2371)">
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M13.0003 1H12.9997C6.37248 1 1 6.37248 1 12.9998V13.0003C1 19.6276 6.37247 25 12.9997 25H13.0003C19.6275 25 25 19.6276 25 13.0003V12.9998C25 6.37248 19.6275 1 13.0003 1ZM12.9997 0H13.0003C20.1798 0 26 5.82019 26 12.9998V13.0003C26 20.1799 20.1798 26 13.0003 26H12.9997C5.82019 26 0 20.1799 0 13.0003V12.9998C0 5.82019 5.82019 0 12.9997 0Z"
-          fill="url(#paint0_linear_14423_2398)"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M16.0003 4H15.9997C9.37248 4 4 9.37248 4 15.9998V16.0003C4 22.6276 9.37247 28 15.9997 28H16.0003C22.6275 28 28 22.6276 28 16.0003V15.9998C28 9.37248 22.6275 4 16.0003 4ZM15.9997 3H16.0003C23.1798 3 29 8.82019 29 15.9998V16.0003C29 23.1799 23.1798 29 16.0003 29H15.9997C8.82019 29 3 23.1799 3 16.0003V15.9998C3 8.82019 8.82019 3 15.9997 3Z"
+          fill="url(#paint0_linear_14423_2371)"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M13.0003 1.5H12.9998C6.64863 1.5 1.5 6.64863 1.5 12.9998V13.0002C1.5 19.3514 6.64862 24.5 12.9998 24.5H13.0003C19.3514 24.5 24.5 19.3514 24.5 13.0002V12.9998C24.5 6.64863 19.3514 1.5 13.0003 1.5ZM12.9998 1H13.0003C19.6275 1 25 6.37249 25 12.9998V13.0002C25 19.6276 19.6275 25 13.0003 25H12.9998C6.37248 25 1 19.6276 1 13.0002V12.9998C1 6.37249 6.37248 1 12.9998 1Z"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M16.0003 4.5H15.9998C9.64863 4.5 4.5 9.64863 4.5 15.9998V16.0002C4.5 22.3514 9.64862 27.5 15.9998 27.5H16.0003C22.3514 27.5 27.5 22.3514 27.5 16.0002V15.9998C27.5 9.64863 22.3514 4.5 16.0003 4.5ZM15.9998 4H16.0003C22.6275 4 28 9.37249 28 15.9998V16.0002C28 22.6276 22.6275 28 16.0003 28H15.9998C9.37248 28 4 22.6276 4 16.0002V15.9998C4 9.37249 9.37248 4 15.9998 4Z"
           fill="#AAAAAA"
         />
         <path
-          d="M13.0003 1H12.9998C6.37248 1 1 6.37249 1 12.9998V13.0002C1 19.6276 6.37248 25 12.9998 25H13.0003C19.6275 25 25 19.6276 25 13.0002V12.9998C25 6.37249 19.6275 1 13.0003 1Z"
+          d="M16.0003 4H15.9998C9.37248 4 4 9.37249 4 15.9998V16.0002C4 22.6276 9.37248 28 15.9998 28H16.0003C22.6275 28 28 22.6276 28 16.0002V15.9998C28 9.37249 22.6275 4 16.0003 4Z"
           fill="#F7F7F7"
         />
         <path
-          d="M9 4.93546C6.03656 6.40817 4 9.46622 4 12.9999C4 16.5337 6.03656 19.5917 9 21.0644V22.1679C5.46819 20.6247 3 17.1006 3 12.9999C3 8.89931 5.46819 5.37514 9 3.83203V4.93546Z"
+          d="M12 7.93546C9.03656 9.40817 7 12.4662 7 15.9999C7 19.5337 9.03656 22.5917 12 24.0644V25.1679C8.46819 23.6247 6 20.1006 6 15.9999C6 11.8993 8.46819 8.37514 12 6.83203V7.93546Z"
           fill="black"
         />
         <path
-          d="M17 3.83203V4.93546C19.9634 6.40817 22 9.46622 22 12.9999C22 16.5337 19.9634 19.5917 17 21.0644V22.1679C20.5318 20.6247 23 17.1006 23 12.9999C23 8.89931 20.5318 5.37514 17 3.83203Z"
+          d="M20 6.83203V7.93546C22.9634 9.40817 25 12.4662 25 15.9999C25 19.5337 22.9634 22.5917 20 24.0644V25.1679C23.5318 23.6247 26 20.1006 26 15.9999C26 11.8993 23.5318 8.37514 20 6.83203Z"
           fill="black"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M13 5L16.5 11H18V12H8V11H9.5L13 5ZM11 11H15L13 7L11 11Z"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M16 8L19.5 14H21V15H11V14H12.5L16 8ZM14 14H18L16 10L14 14Z"
           fill="black"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M16.5 15L13 21L9.5 15H8V14H18V15H16.5ZM15 15H11L13 19L15 15Z"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M19.5 18L16 24L12.5 18H11V17H21V18H19.5ZM18 18H14L16 22L18 18Z"
           fill="black"
         />
       </g>
       <defs>
         <linearGradient
-          id="paint0_linear_14423_2398"
-          x1="13"
-          y1="-0.245286"
-          x2="13"
-          y2="26.2453"
+          id="paint0_linear_14423_2371"
+          x1="16"
+          y1="2.75471"
+          x2="16"
+          y2="29.2453"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#F4F4F4" />
-          <stop offset="1" stop-color="#BEBEBE" />
+          <stop stopColor="#F4F4F4" />
+          <stop offset="1" stopColor="#BEBEBE" />
         </linearGradient>
-        <clipPath id="clip0_14423_2398">
-          <rect width="26" height="26" fill="white" />
+        <clipPath id="clip0_14423_2371">
+          <rect width="26" height="26" fill="white" transform="translate(3 3)" />
         </clipPath>
       </defs>
-    </svg>
+    </>
   ),
+  viewBox: '1 1 30 30',
 }