buys and sell on exchange (#1184)

PeggyJV · Jul 12, 2023 · 80644d3 · 80644d3
2 parents 61a68ae + 4d78b6a
commit 80644d3
Showing 1 changed file with 40 additions and 1 deletion.
diff --git a/src/components/_modals/DepositModal/SommelierTab.tsx b/src/components/_modals/DepositModal/SommelierTab.tsx
@@ -53,6 +53,7 @@ import { CellarNameKey } from "data/types"
 import { useStrategyData } from "data/hooks/useStrategyData"
 import { useUserStrategyData } from "data/hooks/useUserStrategyData"
 import { useDepositModalStore } from "data/hooks/useDepositModalStore"
+import { FaExternalLinkAlt } from "react-icons/fa"
 
 interface DepositModalProps
   extends Pick<ModalProps, "isOpen" | "onClose"> {
@@ -632,9 +633,47 @@ export const SommelierTab: VFC<DepositModalProps> = ({
                   >
                     https://wrapeth.com/
                   </Link>
+                  <br />
+                  <br />
+                  <Link
+                    href={
+                      "https://app.rhino.fi/invest/YIELDETH/supply"
+                    }
+                    isExternal
+                    role="group"
+                    textAlign="center"
+                  >
+                    <Text as="span">Buy and sell on exchange </Text>
+                    <Icon
+                      as={FaExternalLinkAlt}
+                      color="purple.base"
+                    />
+                  </Link>
                 </>
               ) : (
-                " There could be high slippage when depositing non base assets. Please swap outside our app for better rates."
+                <>
+                  <Text>
+                    There could be high slippage when depositing non
+                    base assets. Please swap outside our app for
+                    better rates.
+                  </Text>
+                  <br />
+                  <br />
+                  <Link
+                    href={
+                      "https://app.rhino.fi/invest/YIELDUSD/supply"
+                    }
+                    isExternal
+                    role="group"
+                    textAlign="center"
+                  >
+                    <Text as="span">Buy and sell on exchange </Text>
+                    <Icon
+                      as={FaExternalLinkAlt}
+                      color="purple.base"
+                    />
+                  </Link>
+                </>
               )}
             </Text>
           )}