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

Explorer: Display error message on invalid signature query (#11633)

This commit is contained in:
Justin Starry 2020-08-14 23:00:35 +08:00 committed by GitHub
parent 279000eeb3
commit de22f3d0e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
explorer/src/pages/TransactionDetailsPage.tsx
View File

@ -1,4 +1,5 @@
import React from "react";
import bs58 from "bs58";
import {
useFetchTransactionStatus,
useTransactionStatus,
@ -29,7 +30,16 @@ import { TokenDetailsCard } from "components/instruction/token/TokenDetailsCard"
import { FetchStatus } from "providers/cache";
type Props = { signature: TransactionSignature };
export function TransactionDetailsPage({ signature }: Props) {
export function TransactionDetailsPage({ signature: raw }: Props) {
let signature: TransactionSignature | undefined;
try {
const decoded = bs58.decode(raw);
if (decoded.length === 64) {
signature = raw;
}
} catch (err) {}
return (
<div className="container mt-n3">
<div className="header">
@ -38,10 +48,15 @@ export function TransactionDetailsPage({ signature }: Props) {
<h4 className="header-title">Transaction</h4>
</div>
</div>
<StatusCard signature={signature} />
<AccountsCard signature={signature} />
<InstructionsSection signature={signature} />
{signature === undefined ? (
<ErrorCard text={`Signature "${raw}" is not valid`} />
) : (
<>
<StatusCard signature={signature} />
<AccountsCard signature={signature} />
<InstructionsSection signature={signature} />
</>
)}
</div>
);
}