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 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | 6x 63x 6x 17x 17x | import { TruncateText } from "@common/Text";
import { ITextProps } from "@common/Text/Text";
import { palette } from "@palette";
import { parseAmount } from "@utils/index";
export const BaseText = ({
value,
showCurrency,
testId,
...rest
}: Partial<ITextProps> & {
value: string;
showCurrency?: boolean;
testId?: string;
}) => {
return (
<TruncateText
lineClamp={2}
color={palette.neutral[70]}
data-testid={testId || "base-text"}
{...rest}
>
{value}
{showCurrency ? " USD" : ""}
</TruncateText>
);
};
export const AmountText = ({
value,
injectedStyle = {},
showCurrency,
testId,
}: {
value: number | string;
injectedStyle?: any;
showCurrency?: boolean;
testId?: string;
}) => {
const finalValue = typeof value === "string" ? value : parseAmount(value);
return (
<BaseText
value={finalValue}
color={palette.neutral[800]}
showCurrency={showCurrency}
style={{
width: "25%",
textAlign: "right",
...injectedStyle,
}}
testId={testId}
/>
);
};
|