Replace by TransactionAddress component
This commit is contained in:
parent
454f785878
commit
2e586789a4
|
@ -1,19 +1,18 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
import { faAngleRight } from "@fortawesome/free-solid-svg-icons/faAngleRight";
|
import { faAngleRight } from "@fortawesome/free-solid-svg-icons/faAngleRight";
|
||||||
|
import TransactionAddress from "./TransactionAddress";
|
||||||
import AddressHighlighter from "./AddressHighlighter";
|
import AddressHighlighter from "./AddressHighlighter";
|
||||||
import DecoratedAddressLink from "./DecoratedAddressLink";
|
import DecoratedAddressLink from "./DecoratedAddressLink";
|
||||||
import { TransactionData, InternalOperation } from "../types";
|
import { InternalOperation } from "../types";
|
||||||
import { ResolvedAddresses } from "../api/address-resolver";
|
import { ResolvedAddresses } from "../api/address-resolver";
|
||||||
|
|
||||||
type InternalCreateProps = {
|
type InternalCreateProps = {
|
||||||
txData: TransactionData;
|
|
||||||
internalOp: InternalOperation;
|
internalOp: InternalOperation;
|
||||||
resolvedAddresses: ResolvedAddresses | undefined;
|
resolvedAddresses: ResolvedAddresses | undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
const InternalCreate: React.FC<InternalCreateProps> = ({
|
const InternalCreate: React.FC<InternalCreateProps> = ({
|
||||||
txData,
|
|
||||||
internalOp,
|
internalOp,
|
||||||
resolvedAddresses,
|
resolvedAddresses,
|
||||||
}) => (
|
}) => (
|
||||||
|
@ -33,14 +32,10 @@ const InternalCreate: React.FC<InternalCreateProps> = ({
|
||||||
</div>
|
</div>
|
||||||
<span className="flex items-baseline text-gray-400">
|
<span className="flex items-baseline text-gray-400">
|
||||||
(Creator:{" "}
|
(Creator:{" "}
|
||||||
<AddressHighlighter address={internalOp.from}>
|
<TransactionAddress
|
||||||
<DecoratedAddressLink
|
address={internalOp.from}
|
||||||
address={internalOp.from}
|
resolvedAddresses={resolvedAddresses}
|
||||||
txFrom={internalOp.from === txData.from}
|
/>
|
||||||
txTo={internalOp.from === txData.to}
|
|
||||||
resolvedAddresses={resolvedAddresses}
|
|
||||||
/>
|
|
||||||
</AddressHighlighter>
|
|
||||||
)
|
)
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -31,7 +31,6 @@ const InternalTransactionOperation: React.FC<InternalTransactionOperationProps>
|
||||||
{(internalOp.type === OperationType.CREATE ||
|
{(internalOp.type === OperationType.CREATE ||
|
||||||
internalOp.type === OperationType.CREATE2) && (
|
internalOp.type === OperationType.CREATE2) && (
|
||||||
<InternalCreate
|
<InternalCreate
|
||||||
txData={txData}
|
|
||||||
internalOp={internalOp}
|
internalOp={internalOp}
|
||||||
resolvedAddresses={resolvedAddresses}
|
resolvedAddresses={resolvedAddresses}
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Reference in New Issue