add timestamp tooltip

centrifuge · Sep 11, 2023 · ddba3e0 · ddba3e0
1 parent 79e05c0
commit ddba3e0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/centrifuge-app/src/pages/Loan/ExternalFinanceForm.tsx b/centrifuge-app/src/pages/Loan/ExternalFinanceForm.tsx
@@ -170,9 +170,6 @@ export function ExternalFinanceForm({ loan }: { loan: LoanType }) {
                       : `0.00 ${pool.currency.symbol}`}
                   </Text>
                 </Shelf>
-                <Text variant="body3" color="textSecondary">
-                  This is calculated through the amount multiplied by the current price of the asset
-                </Text>
               </Stack>
               {(poolReserve.lessThan(availableFinancing) ||
                 ('valuationMethod' in loan.pricing && !loan.pricing.maxBorrowAmount)) && (
@@ -277,9 +274,6 @@ export function ExternalFinanceForm({ loan }: { loan: LoanType }) {
                         : `0.00 ${pool.currency.symbol}`}
                     </Text>
                   </Shelf>
-                  <Text variant="body3" color="textSecondary">
-                    This is calculated through the amount multiplied by the current price of the asset
-                  </Text>
                 </Stack>
                 {balance.lessThan(debt) && (
                   <InlineFeedback>

diff --git a/centrifuge-app/src/pages/Loan/TransactionTable.tsx b/centrifuge-app/src/pages/Loan/TransactionTable.tsx
@@ -1,6 +1,6 @@
 import { BorrowerTransaction, CurrencyBalance } from '@centrifuge/centrifuge-js'
 import { BorrowerTransactionType } from '@centrifuge/centrifuge-js/dist/types/subquery'
-import { StatusChip } from '@centrifuge/fabric'
+import { StatusChip, Tooltip } from '@centrifuge/fabric'
 import { useMemo } from 'react'
 import { DataTable } from '../../components/DataTable'
 import { formatDate } from '../../utils/date'
@@ -75,7 +75,14 @@ export const TransactionTable = ({ transactions, currency, loanType }: Props) =>
         {
           align: 'left',
           header: 'Transaction date',
-          cell: (row) => formatDate(row.transactionDate),
+          cell: (row) => (
+            <Tooltip
+              title="Transaction date"
+              body={formatDate(row.transactionDate, { hour: 'numeric', minute: 'numeric', second: 'numeric' })}
+            >
+              {formatDate(row.transactionDate)}
+            </Tooltip>
+          ),
           flex: '3',
         },
 
@@ -116,7 +123,8 @@ export const TransactionTable = ({ transactions, currency, loanType }: Props) =>
         {
           align: 'left',
           header: 'Position',
-          cell: (row) => formatBalance(new CurrencyBalance(row.position, 24), currency, 6, 2),
+          cell: (row) =>
+            row.position.isZero() ? '-' : formatBalance(new CurrencyBalance(row.position, 24), currency, 6, 2),
           flex: '3',
         },
         // TODO: add link to transaction