Add basic copy-to-clipboard functionality
This commit is contained in:
parent
83b24e682b
commit
1cc76058d2
|
@ -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;
|
|
@ -10,6 +10,7 @@ import {
|
|||
import bs58 from "bs58";
|
||||
import { assertUnreachable } from "../utils";
|
||||
import { useCluster } from "../providers/cluster";
|
||||
import Signature from "./Signature";
|
||||
|
||||
function TransactionsCard() {
|
||||
const { transactions, idCounter } = useTransactions();
|
||||
|
@ -192,7 +193,7 @@ const renderTransactionRow = (
|
|||
<span className={`badge badge-soft-${statusClass}`}>{statusText}</span>
|
||||
</td>
|
||||
<td>
|
||||
<code>{transaction.signature}</code>
|
||||
<Signature text={transaction.signature} />
|
||||
</td>
|
||||
<td className="text-uppercase">{confirmationsText}</td>
|
||||
<td>{slotText}</td>
|
||||
|
|
Loading…
Reference in New Issue