e.preventDefault()}
>
-
-
- Liquidation Risk{' '}
-
- is a measure of how close your position is to being{' '}
- liquidated. The
- higher the percentage, the closer you are to liquidation. Upon
- reaching 100%,
- your position will be{' '}
- liquidated.
-
+ {bowlMode === 2 && (
+
+
+ Liquidation Risk{' '}
+
+ is a measure of how close your position is to being{' '}
+ liquidated.
+ The higher the percentage, the closer you are to liquidation. Upon
+ reaching 100%
+ , your position will be{' '}
+ liquidated.
+
+ )}
+ {bowlMode === 1 && (
+
+
+
+ )}
+ {bowlMode === 0 && (
+
+
+
+ )}
diff --git a/apps/frontend/src/components/MarketsView/MarketOverview.tsx b/apps/frontend/src/components/MarketsView/MarketOverview.tsx
index d6152e0d..96b3a9c3 100644
--- a/apps/frontend/src/components/MarketsView/MarketOverview.tsx
+++ b/apps/frontend/src/components/MarketsView/MarketOverview.tsx
@@ -27,6 +27,8 @@ import type React from 'react';
import { useMemo } from 'react';
import { IconPair } from '../IconPair';
import { Line } from '../Line';
+import { NetBorrowTooltip } from '../NetBorrowTooltip';
+import { NetEarnTooltip } from '../NetEarnTooltip';
import {
Tooltip,
TooltipContent,
@@ -285,39 +287,7 @@ export default function MarketOverview({
preventDefault: () => any;
}) => e.preventDefault()}
>
-
- SwayPoints are live! Start earning points now.
+
+
+ Fuel Season 1 starts NOW! Earn Fuel tokens by: Borrowing USDC using ETH,
+ FUEL, and USDT as collateral. Supplying USDC. Your journey to greater
+ rewards begins today. 🔥
{/* DESKTOP */}
diff --git a/apps/frontend/src/components/NetBorrowTooltip/index.tsx b/apps/frontend/src/components/NetBorrowTooltip/index.tsx
new file mode 100644
index 00000000..4f90fd67
--- /dev/null
+++ b/apps/frontend/src/components/NetBorrowTooltip/index.tsx
@@ -0,0 +1,43 @@
+import BigNumber from 'bignumber.js';
+import { Line } from '../Line';
+
+type NetBorrowTooltipProps = {
+ aprData:
+ | {
+ supplyBaseApr: BigNumber;
+ borrowBaseApr: BigNumber;
+ supplyRewardApr: BigNumber;
+ borrowRewardApr: BigNumber;
+ netSupplyApr: BigNumber;
+ netBorrowApr: BigNumber;
+ }
+ | undefined;
+};
+
+export const NetBorrowTooltip = ({ aprData }: NetBorrowTooltipProps) => {
+ return (
+
+
+ Net Borrow APY
+
+
+
+
Borrow APY
+
{aprData?.borrowBaseApr.times(100).toFixed(2)}%
+
+
+
+
Reward APY
+
Distributed in $FUEL
+
+
- {aprData?.borrowRewardApr.times(100).toFixed(2)}%
+
+
+
+
+
Net Borrow APY
+
{aprData?.netBorrowApr.times(100).toFixed(2)}%
+
+
+ );
+};
diff --git a/apps/frontend/src/components/NetEarnTooltip/index.tsx b/apps/frontend/src/components/NetEarnTooltip/index.tsx
new file mode 100644
index 00000000..48e74015
--- /dev/null
+++ b/apps/frontend/src/components/NetEarnTooltip/index.tsx
@@ -0,0 +1,43 @@
+import BigNumber from 'bignumber.js';
+import { Line } from '../Line';
+
+type NetEarnTooltipProps = {
+ aprData:
+ | {
+ supplyBaseApr: BigNumber;
+ borrowBaseApr: BigNumber;
+ supplyRewardApr: BigNumber;
+ borrowRewardApr: BigNumber;
+ netSupplyApr: BigNumber;
+ netBorrowApr: BigNumber;
+ }
+ | undefined;
+};
+
+export const NetEarnTooltip = ({ aprData }: NetEarnTooltipProps) => {
+ return (
+
+
+ Net Earn APY
+
+
+
+
Earn APY
+
{aprData?.supplyBaseApr.times(100).toFixed(2)}%
+
+
+
+
Reward APY
+
Distributed in $FUEL
+
+
+ {aprData?.supplyRewardApr.times(100).toFixed(2)}%
+
+
+
+
Net Earn APY
+
{aprData?.netSupplyApr.times(100).toFixed(2)}%
+
+
+
+ );
+};