From 3fc0c468da4716d2f36d8af9fdb5c41495bd9f3a Mon Sep 17 00:00:00 2001 From: Matias Date: Fri, 9 Aug 2024 17:13:51 -0300 Subject: [PATCH] feat: Pool Metrics component - Rename section to "Pool Funds" - Change "Fund Available" to "Balance" - Change "Fund Pool" button to "Add funds" - Upgrade pool balance data styling --- apps/web/components/PoolMetrics.tsx | 36 +++++++++++------------------ 1 file changed, 14 insertions(+), 22 deletions(-) diff --git a/apps/web/components/PoolMetrics.tsx b/apps/web/components/PoolMetrics.tsx index d84f2c5cf..4e7f888e0 100644 --- a/apps/web/components/PoolMetrics.tsx +++ b/apps/web/components/PoolMetrics.tsx @@ -116,28 +116,20 @@ export const PoolMetrics: FC = ({ -
-
-

Pool Metrics

-
-
-
-
-
Funds Available:
-

- {formatTokenAmount(poolAmount, tokenGarden.decimals)}{" "} - {tokenGarden.symbol} -

-
-
-
Spending Limit:
-

- {`${(spendingLimitPct * MAX_RATIO_CONSTANT).toFixed(2)} %`} -

-
+
+

Pool Funds

+
+
+

Balance:

+
{ e.preventDefault(); handleFundPool(); @@ -147,7 +139,6 @@ export const PoolMetrics: FC = ({ type="number" placeholder="0" required - className="" step={INPUT_TOKEN_MIN_VALUE} onChange={(e) => setAmount(e.target.value)} value={amount} @@ -164,8 +155,9 @@ export const PoolMetrics: FC = ({ type="submit" disabled={missmatchUrl || !accountAddress} tooltip={tooltipMessage} + className="min-w-[200px]" > - Fund pool + Add Funds