- {`Without price bias, your account balance is ${usdFormatter.format(
- accountSummary.balanceUnbiased
- )}. With bias, your account balance is ${usdFormatter.format(accountSummary.balance)}.`}
-
+ {`Without price bias, your account balance is ${usdFormatter.format(
+ accountSummary.balanceUnbiased
+ )}. With bias, your account balance is ${usdFormatter.format(accountSummary.balance)}.`}
+
+ {accountSummary && (
- Free Collateral
+ Health Factor
- Free collateral indicates how much of your collateral is available to open additional
- borrows or withdraw existing collateral.
+ Health factor is based off of price biased and weighted asset and liability
+ values.
-
It is computed from the weighted deposits and weighted borrows.
{isInLendingMode ? "Weight" : "LTV"}
-
{isInLendingMode ? "Weight" : "LTV"}
- {isInLendingMode
- ? "How much your assets count for collateral, relative to their USD value. The higher the weight, the more collateral you can borrow against it."
- : "How much you can borrow against your free collateral. The higher the LTV, the more you can borrow against your free collateral."}
+
+ {isInLendingMode
+ ? "How much your assets count for collateral, relative to their USD value. The higher the weight, the more collateral you can borrow against it."
+ : "How much you can borrow against your free collateral. The higher the LTV, the more you can borrow against your free collateral."}
+
}
placement="top"
>
-
+
{
>
{isInLendingMode ? "Deposits" : "Available"}
-
{isInLendingMode ? "Total deposits" : "Total available"}
- {isInLendingMode
- ? "Total marginfi deposits for each asset. Everything is denominated in native tokens."
- : "The amount of tokens available to borrow for each asset. Calculated as the minimum of the asset's borrow limit and available liquidity that has not yet been borrowed."}
+
+ {isInLendingMode
+ ? "Total marginfi deposits for each asset. Everything is denominated in native tokens."
+ : "The amount of tokens available to borrow for each asset. Calculated as the minimum of the asset's borrow limit and available liquidity that has not yet been borrowed."}
+
}
placement="top"
>
-
+
+ {usdFormatter.format((activeBank as ActiveBankInfo).position.usdValue)}
+
+
+
+ )}
+
+ );
+};
diff --git a/apps/marginfi-v2-ui/src/components/mobile/MobileAssetsList/AssetCard/AssetCardStats.tsx b/apps/marginfi-v2-ui/src/components/mobile/MobileAssetsList/AssetCard/AssetCardStats.tsx
index 6fb1903b14..ddf9408254 100644
--- a/apps/marginfi-v2-ui/src/components/mobile/MobileAssetsList/AssetCard/AssetCardStats.tsx
+++ b/apps/marginfi-v2-ui/src/components/mobile/MobileAssetsList/AssetCard/AssetCardStats.tsx
@@ -1,22 +1,11 @@
-import React, { FC, useCallback, useEffect, useMemo, useState } from "react";
+import React, { FC } from "react";
import Image from "next/image";
-import { TableCell, TableRow } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip";
import Typography from "@mui/material/Typography";
-import { useMrgnlendStore, useUserProfileStore } from "~/store";
-import Badge from "@mui/material/Badge";
-import {
- WSOL_MINT,
- groupedNumberFormatterDyn,
- numeralFormatter,
- percentFormatter,
- uiToNative,
- usdFormatter,
-} from "@mrgnlabs/mrgn-common";
-import { ExtendedBankInfo, ActionType, getCurrentAction, ExtendedBankMetadata } from "@mrgnlabs/marginfi-v2-ui-state";
-import { MarginfiAccountWrapper, PriceBias } from "@mrgnlabs/marginfi-client-v2";
+import { numeralFormatter, percentFormatterDyn } from "@mrgnlabs/mrgn-common";
+import { ExtendedBankInfo } from "@mrgnlabs/marginfi-v2-ui-state";
+
+import { MrgnTooltip } from "~/components/common/MrgnTooltip";
export const AssetCardStats: FC<{
bank: ExtendedBankInfo;
@@ -37,30 +26,75 @@ export const AssetCardStats: FC<{
bankFilled,
isInLendingMode,
}) => {
- console.log({ totalDepositsOrBorrows });
return (
-
-
-
Weight
-
{assetWeight}
+
+
+
+ {isInLendingMode ? "Weight" : "LTV"}
+
+
+
+ {isInLendingMode ? "Weight" : "LTV"}
+
+
+ {isInLendingMode
+ ? "How much your assets count for collateral, relative to their USD value. The higher the weight, the more collateral you can borrow against it."
+ : "How much you can borrow against your free collateral. The higher the LTV, the more you can borrow against your free collateral."}
+
+
+ }
+ placement="top"
+ >
+
+
+
+
+
{assetWeight}
- {/* TODO: Add seperator */}
-
-
{isInLendingMode ? "Deposits" : "Available"}
-
{numeralFormatter(totalDepositsOrBorrows)}
+
+
+
+ {isInLendingMode ? "Deposits" : "Available"}
+
+
+
+ {isInLendingMode ? "Total deposits" : "Total available"}
+
+
+ {isInLendingMode
+ ? "Total marginfi deposits for each asset. Everything is denominated in native tokens."
+ : "The amount of tokens available to borrow for each asset. Calculated as the minimum of the asset's borrow limit and available liquidity that has not yet been borrowed."}
+
+
+ }
+ placement="top"
+ >
+
+
+
+ Isolated pool
+
+
+ Isolated pools are risky ⚠️
+
+ Assets in isolated pools cannot be used as collateral. When you borrow an isolated asset, you cannot
+ borrow other assets. Isolated pools should be considered particularly risky. As always, remember that
+ marginfi is a decentralized protocol and all deposited funds are at risk.
+
+ }
+ placement="top"
+ >
+
+
+
- {isInLendingMode ? "APY" : "APR"}
-
-
- {isInLendingMode ? "APY" : "APR"}
-
-
- {isInLendingMode
- ? "What you'll earn on deposits over a year. This includes compounding. All marginfi deposits are compounded hourly."
- : "What you'll pay for your borrows, or the price of a loan. This does not include compounding. All marginfi borrows are compounded hourly."}
-
-
- }
- placement="top"
- >
-
-
-
-
-
-
- {isInLendingMode ? "Weight" : "LTV"}
-
-
- {isInLendingMode ? "Weight" : "LTV"}
-
-
- {isInLendingMode
- ? "How much your assets count for collateral, relative to their USD value. The higher the weight, the more collateral you can borrow against it."
- : "How much you can borrow against your free collateral. The higher the LTV, the more you can borrow against your free collateral."}
-
-
- }
- placement="top"
- >
-
-
-
-
-
-
- {isInLendingMode ? "Deposits" : "Available"}
-
-
- {isInLendingMode ? "Total deposits" : "Total available"}
-
-
- {isInLendingMode
- ? "Total marginfi deposits for each asset. Everything is denominated in native tokens."
- : "The amount of tokens available to borrow for each asset. Calculated as the minimum of the asset's borrow limit and available liquidity that has not yet been borrowed."}
-
-
- }
- placement="top"
- >
-
-
-
- Global limit
+ Price
- {isInLendingMode ? "Global deposit cap" : "Global borrow cap"}
+ Realtime prices
- Each marginfi pool has global deposit and borrow limits, also known as caps. This is the
- total amount that all users combined can deposit or borrow of a given token.
+
+ Powered by Pyth and Switchboard.
+
+
+ }
+ placement="top"
+ >
+
+
+
+
+
+
+ {isInLendingMode ? "APY" : "APR"}
+
+
+ {isInLendingMode ? "APY" : "APR"}
+
+
+ {isInLendingMode
+ ? "What you'll earn on deposits over a year. This includes compounding. All marginfi deposits are compounded hourly."
+ : "What you'll pay for your borrows, or the price of a loan. This does not include compounding. All marginfi borrows are compounded hourly."}
+
+
+ }
+ placement="top"
+ >
+
+
+
+
+
+
+ {isInLendingMode ? "Weight" : "LTV"}
+
+
+ {isInLendingMode ? "Weight" : "LTV"}
+
+
+ {isInLendingMode
+ ? "How much your assets count for collateral, relative to their USD value. The higher the weight, the more collateral you can borrow against it."
+ : "How much you can borrow against your free collateral. The higher the LTV, the more you can borrow against your free collateral."}
+
}
placement="top"
@@ -246,24 +192,24 @@ const AssetsList: FC = () => {
- )}
-
- {lendZoomLevel < 3 && (
- Utilization
+ {isInLendingMode ? "Deposits" : "Available"}
- Pool utilization
+ {isInLendingMode ? "Total deposits" : "Total available"}
- What percentage of supplied tokens have been borrowed. This helps determine interest rates.
- This is not based on the global pool limits, which can limit utilization.
+
+ {isInLendingMode
+ ? "Total marginfi deposits for each asset. Everything is denominated in native tokens."
+ : "The amount of tokens available to borrow for each asset. Calculated as the minimum of the asset's borrow limit and available liquidity that has not yet been borrowed."}
+
}
placement="top"
@@ -272,21 +218,77 @@ const AssetsList: FC = () => {
+ Global limit
+
+
+ {isInLendingMode ? "Global deposit cap" : "Global borrow cap"}
+
+ Each marginfi pool has global deposit and borrow limits, also known as caps. This is the
+ total amount that all users combined can deposit or borrow of a given token.
+
+ }
+ placement="top"
+ >
+
+
+
+
+ )}
+
+ {lendZoomLevel < 3 && (
+
+
+ Utilization
+
+
+ Pool utilization
+
+ What percentage of supplied tokens have been borrowed. This helps determine interest
+ rates. This is not based on the global pool limits, which can limit utilization.
+
+ }
+ placement="top"
+ >
+
+
+
-
- Isolated pools
-
-
-
- Isolated pools are risky ⚠️
-
- Assets in isolated pools cannot be used as collateral. When you borrow an isolated asset, you
- cannot borrow other assets. Isolated pools should be considered particularly risky. As always,
- remember that marginfi is a decentralized protocol and all deposited funds are at risk.
-
- }
- placement="top"
- >
-
-
-
+
+
+
+
+
+ Isolated pools
+
+
+
+ Isolated pools are risky ⚠️
+
+ Assets in isolated pools cannot be used as collateral. When you borrow an isolated asset,
+ you cannot borrow other assets. Isolated pools should be considered particularly risky. As
+ always, remember that marginfi is a decentralized protocol and all deposited funds are at
+ risk.
+
+ }
+ placement="top"
+ >
+
+
+
- Unadjusted USD values are based on oracle mid prices - or the best estimate the oracle has
- of average token price.
-
-
- Unadjusted USD values are not used in risk calculations. Values with price bias are used
- because they are more conservative, and can control for oracle inaccuracies.
-
+ Unadjusted USD values are based on oracle mid prices - or the best estimate the oracle
+ has of average token price.
+
+
+ Unadjusted USD values are not used in risk calculations. Values with price bias are
+ used because they are more conservative, and can control for oracle inaccuracies.
+