40 lines
840 B
TypeScript
40 lines
840 B
TypeScript
import React from "react";
|
|
import ExternalLink from "./ExternalLink";
|
|
|
|
type TransactionTypeProps = {
|
|
type: number;
|
|
};
|
|
|
|
const TransactionType: React.FC<TransactionTypeProps> = ({ type }) => {
|
|
let description: React.ReactNode;
|
|
switch (type) {
|
|
case 0:
|
|
description = "legacy";
|
|
break;
|
|
case 1:
|
|
description = (
|
|
<ExternalLink href="https://eips.ethereum.org/EIPS/eip-2930">
|
|
EIP-2930
|
|
</ExternalLink>
|
|
);
|
|
break;
|
|
case 2:
|
|
description = (
|
|
<ExternalLink href="https://eips.ethereum.org/EIPS/eip-1559">
|
|
EIP-1559
|
|
</ExternalLink>
|
|
);
|
|
break;
|
|
default:
|
|
description = "unknown";
|
|
}
|
|
|
|
return (
|
|
<span>
|
|
{type} <span className="font-bold">({description})</span>
|
|
</span>
|
|
);
|
|
};
|
|
|
|
export default React.memo(TransactionType);
|