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

Add basic copy-to-clipboard functionality

This commit is contained in:
Nick Brown 2020-04-15 00:31:44 -07:00 committed by Michael Vines
parent 83b24e682b
commit 1cc76058d2
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
explorer/src/components/Signature.tsx Normal file
View File

@ -0,0 +1,14 @@
import React from "react";
type SignatureProps = {
text: string
}
function Signature({ text }: SignatureProps) {
const copyToClipboard = () => navigator.clipboard.writeText(text);
// TODO: how to make onClick pop up a toast or other notification?
return <code onClick={copyToClipboard}>{text}</code>;
}
export default Signature;

3
explorer/src/components/TransactionsCard.tsx
View File

@ -10,6 +10,7 @@ import {
import bs58 from "bs58"; import bs58 from "bs58";
import { assertUnreachable } from "../utils"; import { assertUnreachable } from "../utils";
import { useCluster } from "../providers/cluster"; import { useCluster } from "../providers/cluster";
import Signature from "./Signature";
function TransactionsCard() { function TransactionsCard() {
const { transactions, idCounter } = useTransactions(); const { transactions, idCounter } = useTransactions();
@ -192,7 +193,7 @@ const renderTransactionRow = (
<span className={`badge badge-soft-${statusClass}`}>{statusText}</span> <span className={`badge badge-soft-${statusClass}`}>{statusText}</span>
</td> </td>
<td> <td>
<code>{transaction.signature}</code> <Signature text={transaction.signature} />
</td> </td>
<td className="text-uppercase">{confirmationsText}</td> <td className="text-uppercase">{confirmationsText}</td>
<td>{slotText}</td> <td>{slotText}</td>