columns DateColumn.tsx

0% Statements 0/2

100% Branches 0/0

0% Functions 0/1

0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { TruncateText } from "@common/Text";
import { TransactionTableRow } from "@components/ManageMoney/TransactionTable/transactions.types";
import { textColor } from "@components/ManageMoney/TransactionTable/transactions.helpers";
import { palette } from "@palette";
import React from "react";
import GiveDateTooltip from "@shared/Tooltip/GiveDateTooltip";
 
export const DateColumn = ({ row }: { row: TransactionTableRow }) => (
  <GiveDateTooltip>
    <TruncateText
      fontWeight="regular"
      color={textColor(row, palette.neutral[800])}
      lineClamp={1}
      maxWidth="2OOpx"
    >
      {row.time}
    </TruncateText>
  </GiveDateTooltip>
);