diff --git a/components/ffMintOverview/ffOverview.js b/components/ffMintOverview/ffOverview.js index 12a6ec9..af9ed1b 100644 --- a/components/ffMintOverview/ffOverview.js +++ b/components/ffMintOverview/ffOverview.js @@ -195,6 +195,9 @@ export default function ffOverview() { `${formatCurrency(position && position.length >= 3 ? position[3] / 100 : 0)} %` )} + { BigNumber(position && position.length >= 3 ? position[3] / 100 : 0).lt(50) && Safe } + { BigNumber(position && position.length >= 3 ? position[3] / 100 : 0).gt(80) && Dangerous } + { BigNumber(position && position.length >= 3 ? position[3] / 100 : 0).gte(50) && BigNumber(position && position.length >= 3 ? position[3] / 100 : 0).lte(80) && Risky } diff --git a/components/ffMintOverview/ffOverview.module.css b/components/ffMintOverview/ffOverview.module.css index 59a408a..7432be3 100644 --- a/components/ffMintOverview/ffOverview.module.css +++ b/components/ffMintOverview/ffOverview.module.css @@ -114,6 +114,18 @@ margin-right: 24px !important; } +.greenText { + color: #49a766 !important; +} + +.orangeText { + color: #ffc512 !important; +} + +.redText { + color: #dc3545 !important; +} + @media screen and (max-width: 1200px) { .container { width: calc(100% - 0px); diff --git a/components/lendAllAssetRow/lendAllAssetRow.js b/components/lendAllAssetRow/lendAllAssetRow.js index ccb19ef..32fbdf6 100644 --- a/components/lendAllAssetRow/lendAllAssetRow.js +++ b/components/lendAllAssetRow/lendAllAssetRow.js @@ -236,7 +236,7 @@ function LendAllAssetRowDetails({ lendingAsset, lendingBorrow, lendingBorrowLimi return ( -
+
Borrow limit: diff --git a/components/lendAllAssetRow/lendAllAssetRow.module.css b/components/lendAllAssetRow/lendAllAssetRow.module.css index 0d529e5..bb263a2 100644 --- a/components/lendAllAssetRow/lendAllAssetRow.module.css +++ b/components/lendAllAssetRow/lendAllAssetRow.module.css @@ -174,6 +174,18 @@ background: #dc3545; } +.assetInfoWarning { + display: flex; + align-items: center; + justify-content: space-between; + flex: 1; + padding: 36px; + width: 100%; + flex-wrap: wrap; + border-bottom: 1px solid rgba(128, 128, 128, 0.32); + background: #ffc512; +} + .removePadding { padding: 0px 24px !important; } diff --git a/components/lendBorrowAssetRow/lendBorrowAssetRow.js b/components/lendBorrowAssetRow/lendBorrowAssetRow.js index 0eda45b..127c277 100644 --- a/components/lendBorrowAssetRow/lendBorrowAssetRow.js +++ b/components/lendBorrowAssetRow/lendBorrowAssetRow.js @@ -256,11 +256,7 @@ function LendBorrowAssetDetails({ return (
diff --git a/components/lendBorrowAssetRow/lendBorrowAssetRow.module.css b/components/lendBorrowAssetRow/lendBorrowAssetRow.module.css index 96fd7df..63ef0fc 100644 --- a/components/lendBorrowAssetRow/lendBorrowAssetRow.module.css +++ b/components/lendBorrowAssetRow/lendBorrowAssetRow.module.css @@ -170,6 +170,18 @@ background: #dc3545; } +.assetInfoWarning { + display: flex; + align-items: center; + justify-content: space-between; + flex: 1; + padding: 36px; + width: 100%; + flex-wrap: wrap; + border-bottom: 1px solid rgba(128, 128, 128, 0.32); + background: #ffc512; +} + @media screen and (max-width: 1000px) { .lendingRow { padding: 0px 6px; diff --git a/components/lendSupplyAssetRow/lendSupplyAssetRow.js b/components/lendSupplyAssetRow/lendSupplyAssetRow.js index 9642e24..ffd4b3a 100644 --- a/components/lendSupplyAssetRow/lendSupplyAssetRow.js +++ b/components/lendSupplyAssetRow/lendSupplyAssetRow.js @@ -269,13 +269,7 @@ function LendSupplyAssetDetails({ return ( -
+
Borrow limit: diff --git a/components/lendSupplyAssetRow/lendSupplyAssetRow.module.css b/components/lendSupplyAssetRow/lendSupplyAssetRow.module.css index 5c426e7..bd48724 100644 --- a/components/lendSupplyAssetRow/lendSupplyAssetRow.module.css +++ b/components/lendSupplyAssetRow/lendSupplyAssetRow.module.css @@ -166,6 +166,18 @@ background: #dc3545; } +.assetInfoWarning { + display: flex; + align-items: center; + justify-content: space-between; + flex: 1; + padding: 36px; + width: 100%; + flex-wrap: wrap; + border-bottom: 1px solid rgba(128, 128, 128, 0.32); + background: #ffc512; +} + @media screen and (max-width: 1000px) { .lendingRow {