Fix truncation
This commit is contained in:
parent
3a1fa13c44
commit
b6c176fb0e
|
@ -2,6 +2,7 @@ import React from "react";
|
||||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
import { faCaretRight } from "@fortawesome/free-solid-svg-icons";
|
import { faCaretRight } from "@fortawesome/free-solid-svg-icons";
|
||||||
import AddressLink from "./components/AddressLink";
|
import AddressLink from "./components/AddressLink";
|
||||||
|
import AddressOrENSName from "./components/AddressOrENSName";
|
||||||
import TokenLogo from "./components/TokenLogo";
|
import TokenLogo from "./components/TokenLogo";
|
||||||
import FormattedBalance from "./components/FormattedBalance";
|
import FormattedBalance from "./components/FormattedBalance";
|
||||||
import { TokenMetas, TokenTransfer } from "./types";
|
import { TokenMetas, TokenTransfer } from "./types";
|
||||||
|
@ -20,9 +21,9 @@ const TokenTransferItem: React.FC<TokenTransferItemProps> = ({
|
||||||
<FontAwesomeIcon icon={faCaretRight} size="1x" />
|
<FontAwesomeIcon icon={faCaretRight} size="1x" />
|
||||||
</span>
|
</span>
|
||||||
<span className="font-bold">From</span>
|
<span className="font-bold">From</span>
|
||||||
<AddressLink address={t.from} />
|
<AddressOrENSName address={t.from} />
|
||||||
<span className="font-bold">To</span>
|
<span className="font-bold">To</span>
|
||||||
<AddressLink address={t.to} />
|
<AddressOrENSName address={t.to} />
|
||||||
<span className="font-bold">For</span>
|
<span className="font-bold">For</span>
|
||||||
<span>
|
<span>
|
||||||
<FormattedBalance
|
<FormattedBalance
|
||||||
|
@ -42,7 +43,7 @@ const TokenTransferItem: React.FC<TokenTransferItemProps> = ({
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<AddressLink address={t.token} />
|
<AddressOrENSName address={t.token} />
|
||||||
)}
|
)}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -19,7 +19,7 @@ const AddressOrENSName: React.FC<AddressOrENSNameProps> = ({
|
||||||
selectedAddress,
|
selectedAddress,
|
||||||
minerAddress,
|
minerAddress,
|
||||||
}) => (
|
}) => (
|
||||||
<div className="flex items-baseline space-x-1">
|
<div className="flex items-baseline space-x-1 truncate">
|
||||||
{minerAddress !== undefined && minerAddress === address && (
|
{minerAddress !== undefined && minerAddress === address && (
|
||||||
<span className="text-yellow-400" title="Miner address">
|
<span className="text-yellow-400" title="Miner address">
|
||||||
<FontAwesomeIcon icon={faCoins} size="1x" />
|
<FontAwesomeIcon icon={faCoins} size="1x" />
|
||||||
|
|
Loading…
Reference in New Issue