blockworks-foundation
/
solana
mirror of https://github.com/blockworks-foundation/solana.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Renames

This commit is contained in:
Justin Starry 2020-05-03 12:33:26 +08:00 committed by Michael Vines
parent cfa0c20910
commit 6c8a5747f7
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
explorer/src/components/TransactionDetails.tsx
View File

@ -95,14 +95,14 @@ export default function TransactionDetails({ signature }: Props) {
</div> </div>
</div> </div>
<TransactionStatusCard signature={signature} /> <StatusCard signature={signature} />
<TransactionAccountsCard signature={signature} /> <AccountsCard signature={signature} />
<TransactionInstructionsCard signature={signature} /> <InstructionsSection signature={signature} />
</div> </div>
); );
} }
function TransactionStatusCard({ signature }: Props) { function StatusCard({ signature }: Props) {
const status = useTransactionStatus(signature); const status = useTransactionStatus(signature);
const dispatch = useTransactionsDispatch(); const dispatch = useTransactionsDispatch();
const details = useTransactionDetails(signature); const details = useTransactionDetails(signature);
@ -140,7 +140,7 @@ function TransactionStatusCard({ signature }: Props) {
return ( return (
<div className="card"> <div className="card">
<div className="card-header align-items-center"> <div className="card-header align-items-center">
<h3 className="card-header-title">Transaction Status</h3> <h3 className="card-header-title">Status</h3>
<button className="btn btn-white btn-sm" onClick={refreshStatus}> <button className="btn btn-white btn-sm" onClick={refreshStatus}>
<span className="fe fe-refresh-cw mr-2"></span> <span className="fe fe-refresh-cw mr-2"></span>
Refresh Refresh
@ -174,7 +174,7 @@ function TransactionStatusCard({ signature }: Props) {
); );
} }
function TransactionAccountsCard({ signature }: Props) { function AccountsCard({ signature }: Props) {
const details = useTransactionDetails(signature); const details = useTransactionDetails(signature);
const dispatch = useDetailsDispatch(); const dispatch = useDetailsDispatch();
const { url } = useCluster(); const { url } = useCluster();
@ -245,7 +245,7 @@ function TransactionAccountsCard({ signature }: Props) {
return ( return (
<div className="card"> <div className="card">
<div className="card-header"> <div className="card-header">
<h3 className="card-header-title">Transaction Accounts</h3> <h3 className="card-header-title">Accounts</h3>
</div> </div>
<div className="table-responsive mb-0"> <div className="table-responsive mb-0">
<table className="table table-sm table-nowrap card-table"> <table className="table table-sm table-nowrap card-table">
@ -271,7 +271,7 @@ function ixResult(result: SignatureResult, index: number) {
if (ixError && Array.isArray(ixError)) { if (ixError && Array.isArray(ixError)) {
const [errorIndex, error] = ixError; const [errorIndex, error] = ixError;
if (Number.isInteger(errorIndex) && errorIndex === index) { if (Number.isInteger(errorIndex) && errorIndex === index) {
return ["warning", `"${JSON.stringify(error)}"`]; return ["warning", `Error: ${JSON.stringify(error)}`];
} }
} }
return ["dark"]; return ["dark"];
@ -295,7 +295,7 @@ function InstructionCard({ title, children, result, index }: InstructionProps) {
<span className={`badge badge-soft-${resultClass} mr-2`}> <span className={`badge badge-soft-${resultClass} mr-2`}>
#{index + 1} #{index + 1}
</span> </span>
{title} Instruction {title}
</h3> </h3>
<h3 className="mb-0"> <h3 className="mb-0">
<span className="badge badge-soft-warning text-monospace"> <span className="badge badge-soft-warning text-monospace">
@ -308,7 +308,7 @@ function InstructionCard({ title, children, result, index }: InstructionProps) {
); );
} }
function TransactionInstructionsCard({ signature }: Props) { function InstructionsSection({ signature }: Props) {
const status = useTransactionStatus(signature); const status = useTransactionStatus(signature);
const details = useTransactionDetails(signature); const details = useTransactionDetails(signature);
const dispatch = useDetailsDispatch(); const dispatch = useDetailsDispatch();
@ -354,7 +354,7 @@ function TransactionInstructionsCard({ signature }: Props) {
return ( return (
<InstructionCard key={index} title="Raw" result={result} index={index}> <InstructionCard key={index} title="Raw" result={result} index={index}>
<InstructionDetails ix={ix} /> <RawDetails ix={ix} />
</InstructionCard> </InstructionCard>
); );
}); });
@ -364,7 +364,7 @@ function TransactionInstructionsCard({ signature }: Props) {
<div className="container"> <div className="container">
<div className="header"> <div className="header">
<div className="header-body"> <div className="header-body">
<h3 className="mb-0">Transaction Instruction(s)</h3> <h3 className="mb-0">Instruction(s)</h3>
</div> </div>
</div> </div>
</div> </div>
@ -396,7 +396,7 @@ function TransferDetails({
<tr> <tr>
<td> <td>
<div className="mr-2 d-md-inline">From Account</div> <div className="mr-2 d-md-inline">From Address</div>
{!fromMeta.isWritable && ( {!fromMeta.isWritable && (
<span className="badge badge-soft-dark mr-1">Readonly</span> <span className="badge badge-soft-dark mr-1">Readonly</span>
)} )}
@ -413,7 +413,7 @@ function TransferDetails({
<tr> <tr>
<td> <td>
<div className="mr-2 d-md-inline">To Account</div> <div className="mr-2 d-md-inline">To Address</div>
{!toMeta.isWritable && ( {!toMeta.isWritable && (
<span className="badge badge-soft-dark mr-1">Readonly</span> <span className="badge badge-soft-dark mr-1">Readonly</span>
)} )}
@ -460,7 +460,7 @@ function CreateDetails({
<tr> <tr>
<td> <td>
<div className="mr-2 d-md-inline">From Account</div> <div className="mr-2 d-md-inline">From Address</div>
{!fromMeta.isWritable && ( {!fromMeta.isWritable && (
<span className="badge badge-soft-dark mr-1">Readonly</span> <span className="badge badge-soft-dark mr-1">Readonly</span>
)} )}
@ -477,7 +477,7 @@ function CreateDetails({
<tr> <tr>
<td> <td>
<div className="mr-2 d-md-inline">New Account</div> <div className="mr-2 d-md-inline">New Address</div>
{!newMeta.isWritable && ( {!newMeta.isWritable && (
<span className="badge badge-soft-dark mr-1">Readonly</span> <span className="badge badge-soft-dark mr-1">Readonly</span>
)} )}
@ -514,7 +514,7 @@ function CreateDetails({
); );
} }
function InstructionDetails({ ix }: { ix: TransactionInstruction }) { function RawDetails({ ix }: { ix: TransactionInstruction }) {
return ( return (
<> <>
<tr> <tr>