From 2682141c93a938589f4287749c4e50383710bfb7 Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Wed, 5 Oct 2022 21:25:47 +1100
Subject: [PATCH] add trigger delay to tooltips

---
 components/account/AccountPage.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/account/AccountPage.tsx b/components/account/AccountPage.tsx
index a4a90753..4a7814a1 100644
--- a/components/account/AccountPage.tsx
+++ b/components/account/AccountPage.tsx
@@ -187,6 +187,7 @@ const AccountPage = () => {
               maxWidth="20rem"
               placement="bottom-start"
               content="The value of your assets (deposits) minus the value of your liabilities (borrows)."
+              delay={250}
             >
               <p className="tooltip-underline mb-1.5">{t('account-value')}</p>
             </Tooltip>
@@ -278,6 +279,7 @@ const AccountPage = () => {
             <Tooltip
               maxWidth="20rem"
               placement="bottom-start"
+              delay={250}
               content={
                 <div className="flex-col space-y-2 text-sm">
                   <p className="text-xs">
@@ -324,6 +326,7 @@ const AccountPage = () => {
               content="The value of collateral you have to open new trades or borrows. When your free collateral reaches $0 you won't be able to make withdrawals."
               maxWidth="20rem"
               placement="bottom-start"
+              delay={250}
             >
               <p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
                 {t('free-collateral')}
@@ -344,9 +347,10 @@ const AccountPage = () => {
                 content="Total value of collateral for trading and borrowing (including unsettled PnL)."
                 maxWidth="20rem"
                 placement="bottom-start"
+                delay={250}
               >
-                <span className="tooltip-underline">Total:</span>{' '}
-                <span className="font-mono text-th-fgd-2">
+                <span className="tooltip-underline">Total</span>:
+                <span className="ml-1 font-mono text-th-fgd-2">
                   {mangoAccount
                     ? formatFixedDecimals(
                         toUiDecimalsForQuote(
@@ -368,6 +372,7 @@ const AccountPage = () => {
               content="Total position size divided by total collateral."
               maxWidth="20rem"
               placement="bottom-start"
+              delay={250}
             >
               <p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
                 {t('leverage')}
@@ -391,6 +396,7 @@ const AccountPage = () => {
               <Tooltip
                 content="The amount your account has made or lost."
                 placement="bottom-start"
+                delay={250}
               >
                 <p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
                   {t('pnl')}
@@ -420,6 +426,7 @@ const AccountPage = () => {
                 content="The value of interest earned (deposits) minus interest paid (borrows)."
                 maxWidth="20rem"
                 placement="bottom-end"
+                delay={250}
               >
                 <p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
                   {t('total-interest-value')}