From 05d2bf21d248ed57e1bb5833ee28fc2dd8112ba2 Mon Sep 17 00:00:00 2001 From: Justin Starry Date: Sat, 23 May 2020 16:45:07 +0800 Subject: [PATCH] Explicitly move copy tooltip to the right --- explorer/src/components/AccountDetails.tsx | 2 +- explorer/src/components/ClusterModal.tsx | 2 +- explorer/src/components/Copyable.tsx | 13 +++++++------ explorer/src/components/TransactionDetails.tsx | 2 +- .../src/components/account/StakeAccountCards.tsx | 10 +++++----- explorer/src/components/instruction/RawDetails.tsx | 6 +++--- .../instruction/stake/AuthorizeDetailsCard.tsx | 8 ++++---- .../instruction/stake/DeactivateDetailsCard.tsx | 6 +++--- .../instruction/stake/DelegateDetailsCard.tsx | 8 ++++---- .../instruction/stake/InitializeDetailsCard.tsx | 10 +++++----- .../instruction/stake/SplitDetailsCard.tsx | 8 ++++---- .../instruction/stake/WithdrawDetailsCard.tsx | 8 ++++---- .../instruction/system/AllocateDetailsCard.tsx | 4 ++-- .../system/AllocateWithSeedDetailsCard.tsx | 10 +++++----- .../instruction/system/AssignDetailsCard.tsx | 6 +++--- .../system/AssignWithSeedDetailsCard.tsx | 10 +++++----- .../instruction/system/CreateDetailsCard.tsx | 8 ++++---- .../system/CreateWithSeedDetailsCard.tsx | 14 +++++++------- .../instruction/system/NonceAdvanceDetailsCard.tsx | 6 +++--- .../system/NonceAuthorizeDetailsCard.tsx | 8 ++++---- .../system/NonceInitializeDetailsCard.tsx | 6 +++--- .../system/NonceWithdrawDetailsCard.tsx | 8 ++++---- .../instruction/system/TransferDetailsCard.tsx | 6 +++--- 23 files changed, 85 insertions(+), 84 deletions(-) diff --git a/explorer/src/components/AccountDetails.tsx b/explorer/src/components/AccountDetails.tsx index f228d3931e..e467cce8bb 100644 --- a/explorer/src/components/AccountDetails.tsx +++ b/explorer/src/components/AccountDetails.tsx @@ -148,7 +148,7 @@ function UnknownAccountCard({ account }: { account: Account }) { Owner - + {displayAddress(details.owner.toBase58())} diff --git a/explorer/src/components/ClusterModal.tsx b/explorer/src/components/ClusterModal.tsx index 5ce8c418fd..ccfcf23635 100644 --- a/explorer/src/components/ClusterModal.tsx +++ b/explorer/src/components/ClusterModal.tsx @@ -26,7 +26,7 @@ function ClusterModal() {
e.stopPropagation()}> - + × diff --git a/explorer/src/components/Copyable.tsx b/explorer/src/components/Copyable.tsx index a0cd571948..380997dda3 100644 --- a/explorer/src/components/Copyable.tsx +++ b/explorer/src/components/Copyable.tsx @@ -4,22 +4,23 @@ type CopyableProps = { text: string; children: ReactNode; bottom?: boolean; + right?: boolean; }; type State = "hide" | "copy" | "copied"; -function Popover({ state, bottom }: { state: State; bottom?: boolean }) { +function Popover({ state, bottom, right }: { state: State; bottom?: boolean, right?: boolean }) { if (state === "hide") return null; const text = state === "copy" ? "Copy" : "Copied!"; return ( -
-
+
+
{text}
); } -function Copyable({ bottom, text, children }: CopyableProps) { +function Copyable({ bottom, right, text, children }: CopyableProps) { const [state, setState] = useState("hide"); const copyToClipboard = () => navigator.clipboard.writeText(text); @@ -31,13 +32,13 @@ function Copyable({ bottom, text, children }: CopyableProps) { return (
setState("copy")} onMouseOut={() => state === "copy" && setState("hide")} > {children} - +
); } diff --git a/explorer/src/components/TransactionDetails.tsx b/explorer/src/components/TransactionDetails.tsx index f40fd2a2c5..b14eb51b8f 100644 --- a/explorer/src/components/TransactionDetails.tsx +++ b/explorer/src/components/TransactionDetails.tsx @@ -151,7 +151,7 @@ function StatusCard({ signature }: Props) { Timestamp {info.timestamp !== "unavailable" ? displayTimestamp(info.timestamp) : ( - + Unavailable )} diff --git a/explorer/src/components/account/StakeAccountCards.tsx b/explorer/src/components/account/StakeAccountCards.tsx index f7877abe42..9cd2feebd3 100644 --- a/explorer/src/components/account/StakeAccountCards.tsx +++ b/explorer/src/components/account/StakeAccountCards.tsx @@ -65,7 +65,7 @@ function OverviewCard({ Address - + {account.pubkey.toBase58()} @@ -130,7 +130,7 @@ function DelegationCard({ stakeAccount }: { stakeAccount: StakeAccount }) { Delegated Vote Address - + {displayAddress(stake.delegation.voterPubkey.toBase58())} @@ -175,7 +175,7 @@ function AuthoritiesCard({ meta }: { meta: Meta }) { Stake Authority Address - + {meta.authorized.staker.toBase58()} @@ -184,7 +184,7 @@ function AuthoritiesCard({ meta }: { meta: Meta }) { Withdraw Authority Address - + {meta.authorized.withdrawer.toBase58()} @@ -194,7 +194,7 @@ function AuthoritiesCard({ meta }: { meta: Meta }) { Lockup Authority Address - + {displayAddress(meta.lockup.custodian.toBase58())} diff --git a/explorer/src/components/instruction/RawDetails.tsx b/explorer/src/components/instruction/RawDetails.tsx index 6cda1d9db5..7677297380 100644 --- a/explorer/src/components/instruction/RawDetails.tsx +++ b/explorer/src/components/instruction/RawDetails.tsx @@ -18,7 +18,7 @@ export function RawDetails({ ix }: { ix: TransactionInstruction }) { Program - + {displayAddress(ix.programId.toBase58())} @@ -36,7 +36,7 @@ export function RawDetails({ ix }: { ix: TransactionInstruction }) { )} - + {pubkey.toBase58()} @@ -46,7 +46,7 @@ export function RawDetails({ ix }: { ix: TransactionInstruction }) { Instruction Data (Base58) - + {displayData(data)} diff --git a/explorer/src/components/instruction/stake/AuthorizeDetailsCard.tsx b/explorer/src/components/instruction/stake/AuthorizeDetailsCard.tsx index 4e3bf6f737..f38cc68ee2 100644 --- a/explorer/src/components/instruction/stake/AuthorizeDetailsCard.tsx +++ b/explorer/src/components/instruction/stake/AuthorizeDetailsCard.tsx @@ -52,7 +52,7 @@ export function AuthorizeDetailsCard(props: { Program - + {displayAddress(StakeProgram.programId.toBase58())} @@ -61,7 +61,7 @@ export function AuthorizeDetailsCard(props: { Stake Address - + {stakePubkey} @@ -70,7 +70,7 @@ export function AuthorizeDetailsCard(props: { Old Authority Address - + {authorizedPubkey} @@ -79,7 +79,7 @@ export function AuthorizeDetailsCard(props: { New Authority Address - + {newAuthorizedPubkey} diff --git a/explorer/src/components/instruction/stake/DeactivateDetailsCard.tsx b/explorer/src/components/instruction/stake/DeactivateDetailsCard.tsx index 45726e95bc..7a442e73f7 100644 --- a/explorer/src/components/instruction/stake/DeactivateDetailsCard.tsx +++ b/explorer/src/components/instruction/stake/DeactivateDetailsCard.tsx @@ -38,7 +38,7 @@ export function DeactivateDetailsCard(props: { Program - + {displayAddress(StakeProgram.programId.toBase58())} @@ -47,7 +47,7 @@ export function DeactivateDetailsCard(props: { Stake Address - + {stakePubkey} @@ -56,7 +56,7 @@ export function DeactivateDetailsCard(props: { Authority Address - + {authorizedPubkey} diff --git a/explorer/src/components/instruction/stake/DelegateDetailsCard.tsx b/explorer/src/components/instruction/stake/DelegateDetailsCard.tsx index 7315498657..9d55502329 100644 --- a/explorer/src/components/instruction/stake/DelegateDetailsCard.tsx +++ b/explorer/src/components/instruction/stake/DelegateDetailsCard.tsx @@ -39,7 +39,7 @@ export function DelegateDetailsCard(props: { Program - + {displayAddress(StakeProgram.programId.toBase58())} @@ -48,7 +48,7 @@ export function DelegateDetailsCard(props: { Stake Address - + {stakePubkey} @@ -57,7 +57,7 @@ export function DelegateDetailsCard(props: { Delegated Vote Address - + {votePubkey} @@ -66,7 +66,7 @@ export function DelegateDetailsCard(props: { Authority Address - + {authorizedPubkey} diff --git a/explorer/src/components/instruction/stake/InitializeDetailsCard.tsx b/explorer/src/components/instruction/stake/InitializeDetailsCard.tsx index 23a2ccb6fa..99356fa266 100644 --- a/explorer/src/components/instruction/stake/InitializeDetailsCard.tsx +++ b/explorer/src/components/instruction/stake/InitializeDetailsCard.tsx @@ -40,7 +40,7 @@ export function InitializeDetailsCard(props: { Program - + {displayAddress(StakeProgram.programId.toBase58())} @@ -49,7 +49,7 @@ export function InitializeDetailsCard(props: { Stake Address - + {stakePubkey} @@ -58,7 +58,7 @@ export function InitializeDetailsCard(props: { Stake Authority Address - + {stakerPubkey} @@ -67,7 +67,7 @@ export function InitializeDetailsCard(props: { Withdraw Authority Address - + {withdrawerPubkey} @@ -93,7 +93,7 @@ export function InitializeDetailsCard(props: { Lockup Custodian Address - + {displayAddress(params.lockup.custodian.toBase58())} diff --git a/explorer/src/components/instruction/stake/SplitDetailsCard.tsx b/explorer/src/components/instruction/stake/SplitDetailsCard.tsx index a211974733..bcc4401b13 100644 --- a/explorer/src/components/instruction/stake/SplitDetailsCard.tsx +++ b/explorer/src/components/instruction/stake/SplitDetailsCard.tsx @@ -35,7 +35,7 @@ export function SplitDetailsCard(props: { Program - + {displayAddress(StakeProgram.programId.toBase58())} @@ -44,7 +44,7 @@ export function SplitDetailsCard(props: { Stake Address - + {stakePubkey} @@ -53,7 +53,7 @@ export function SplitDetailsCard(props: { Authority Address - + {authorizedPubkey} @@ -62,7 +62,7 @@ export function SplitDetailsCard(props: { New Stake Address - + {splitStakePubkey} diff --git a/explorer/src/components/instruction/stake/WithdrawDetailsCard.tsx b/explorer/src/components/instruction/stake/WithdrawDetailsCard.tsx index a1a5a3608a..e34e373120 100644 --- a/explorer/src/components/instruction/stake/WithdrawDetailsCard.tsx +++ b/explorer/src/components/instruction/stake/WithdrawDetailsCard.tsx @@ -40,7 +40,7 @@ export function WithdrawDetailsCard(props: { Program - + {displayAddress(StakeProgram.programId.toBase58())} @@ -49,7 +49,7 @@ export function WithdrawDetailsCard(props: { Stake Address - + {stakePubkey} @@ -58,7 +58,7 @@ export function WithdrawDetailsCard(props: { Authority Address - + {authorizedPubkey} @@ -67,7 +67,7 @@ export function WithdrawDetailsCard(props: { To Address - + {toPubkey} diff --git a/explorer/src/components/instruction/system/AllocateDetailsCard.tsx b/explorer/src/components/instruction/system/AllocateDetailsCard.tsx index 858be1a850..e3e58536f3 100644 --- a/explorer/src/components/instruction/system/AllocateDetailsCard.tsx +++ b/explorer/src/components/instruction/system/AllocateDetailsCard.tsx @@ -37,7 +37,7 @@ export function AllocateDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -46,7 +46,7 @@ export function AllocateDetailsCard(props: { Account Address - + {accountKey} diff --git a/explorer/src/components/instruction/system/AllocateWithSeedDetailsCard.tsx b/explorer/src/components/instruction/system/AllocateWithSeedDetailsCard.tsx index fd9eaac88e..ccea8e1a1e 100644 --- a/explorer/src/components/instruction/system/AllocateWithSeedDetailsCard.tsx +++ b/explorer/src/components/instruction/system/AllocateWithSeedDetailsCard.tsx @@ -38,7 +38,7 @@ export function AllocateWithSeedDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -47,7 +47,7 @@ export function AllocateWithSeedDetailsCard(props: { Account Address - + {accountKey} @@ -56,7 +56,7 @@ export function AllocateWithSeedDetailsCard(props: { Base Address - + {baseKey} @@ -65,7 +65,7 @@ export function AllocateWithSeedDetailsCard(props: { Seed - + {params.seed} @@ -79,7 +79,7 @@ export function AllocateWithSeedDetailsCard(props: { Assigned Owner - + {displayAddress(params.programId.toBase58())} diff --git a/explorer/src/components/instruction/system/AssignDetailsCard.tsx b/explorer/src/components/instruction/system/AssignDetailsCard.tsx index 2518fc89a4..5c9c2fda19 100644 --- a/explorer/src/components/instruction/system/AssignDetailsCard.tsx +++ b/explorer/src/components/instruction/system/AssignDetailsCard.tsx @@ -37,7 +37,7 @@ export function AssignDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -46,7 +46,7 @@ export function AssignDetailsCard(props: { Account Address - + {accountKey} @@ -55,7 +55,7 @@ export function AssignDetailsCard(props: { Assigned Owner - + {displayAddress(params.programId.toBase58())} diff --git a/explorer/src/components/instruction/system/AssignWithSeedDetailsCard.tsx b/explorer/src/components/instruction/system/AssignWithSeedDetailsCard.tsx index 2d9459e13e..9d2f2838cd 100644 --- a/explorer/src/components/instruction/system/AssignWithSeedDetailsCard.tsx +++ b/explorer/src/components/instruction/system/AssignWithSeedDetailsCard.tsx @@ -38,7 +38,7 @@ export function AssignWithSeedDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -47,7 +47,7 @@ export function AssignWithSeedDetailsCard(props: { Account Address - + {accountKey} @@ -56,7 +56,7 @@ export function AssignWithSeedDetailsCard(props: { Base Address - + {baseKey} @@ -65,7 +65,7 @@ export function AssignWithSeedDetailsCard(props: { Seed - + {params.seed} @@ -74,7 +74,7 @@ export function AssignWithSeedDetailsCard(props: { Assigned Owner - + {displayAddress(params.programId.toBase58())} diff --git a/explorer/src/components/instruction/system/CreateDetailsCard.tsx b/explorer/src/components/instruction/system/CreateDetailsCard.tsx index f03143e4af..abc0fed312 100644 --- a/explorer/src/components/instruction/system/CreateDetailsCard.tsx +++ b/explorer/src/components/instruction/system/CreateDetailsCard.tsx @@ -39,7 +39,7 @@ export function CreateDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -48,7 +48,7 @@ export function CreateDetailsCard(props: { From Address - + {from} @@ -57,7 +57,7 @@ export function CreateDetailsCard(props: { New Address - + {newKey} @@ -76,7 +76,7 @@ export function CreateDetailsCard(props: { Assigned Owner - + {displayAddress(params.programId.toBase58())} diff --git a/explorer/src/components/instruction/system/CreateWithSeedDetailsCard.tsx b/explorer/src/components/instruction/system/CreateWithSeedDetailsCard.tsx index 6fe24125b9..8f534378e8 100644 --- a/explorer/src/components/instruction/system/CreateWithSeedDetailsCard.tsx +++ b/explorer/src/components/instruction/system/CreateWithSeedDetailsCard.tsx @@ -40,7 +40,7 @@ export function CreateWithSeedDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -49,7 +49,7 @@ export function CreateWithSeedDetailsCard(props: { From Address - + {from} @@ -58,7 +58,7 @@ export function CreateWithSeedDetailsCard(props: { New Address - + {newKey} @@ -67,7 +67,7 @@ export function CreateWithSeedDetailsCard(props: { New Address - + {newKey} @@ -76,7 +76,7 @@ export function CreateWithSeedDetailsCard(props: { Base Address - + {baseKey} @@ -85,7 +85,7 @@ export function CreateWithSeedDetailsCard(props: { Seed - + {params.seed} @@ -104,7 +104,7 @@ export function CreateWithSeedDetailsCard(props: { Assigned Owner - + {displayAddress(params.programId.toBase58())} diff --git a/explorer/src/components/instruction/system/NonceAdvanceDetailsCard.tsx b/explorer/src/components/instruction/system/NonceAdvanceDetailsCard.tsx index d32b06964d..b5a70032b9 100644 --- a/explorer/src/components/instruction/system/NonceAdvanceDetailsCard.tsx +++ b/explorer/src/components/instruction/system/NonceAdvanceDetailsCard.tsx @@ -38,7 +38,7 @@ export function NonceAdvanceDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -47,7 +47,7 @@ export function NonceAdvanceDetailsCard(props: { Nonce Address - + {nonceKey} @@ -56,7 +56,7 @@ export function NonceAdvanceDetailsCard(props: { Authority Address - + {authorizedKey} diff --git a/explorer/src/components/instruction/system/NonceAuthorizeDetailsCard.tsx b/explorer/src/components/instruction/system/NonceAuthorizeDetailsCard.tsx index 1566f20491..71ccba8466 100644 --- a/explorer/src/components/instruction/system/NonceAuthorizeDetailsCard.tsx +++ b/explorer/src/components/instruction/system/NonceAuthorizeDetailsCard.tsx @@ -39,7 +39,7 @@ export function NonceAuthorizeDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -48,7 +48,7 @@ export function NonceAuthorizeDetailsCard(props: { Nonce Address - + {nonceKey} @@ -57,7 +57,7 @@ export function NonceAuthorizeDetailsCard(props: { Old Authority Address - + {authorizedKey} @@ -66,7 +66,7 @@ export function NonceAuthorizeDetailsCard(props: { New Authority Address - + {newAuthorizedKey} diff --git a/explorer/src/components/instruction/system/NonceInitializeDetailsCard.tsx b/explorer/src/components/instruction/system/NonceInitializeDetailsCard.tsx index 1f81353445..ff80c42a1d 100644 --- a/explorer/src/components/instruction/system/NonceInitializeDetailsCard.tsx +++ b/explorer/src/components/instruction/system/NonceInitializeDetailsCard.tsx @@ -38,7 +38,7 @@ export function NonceInitializeDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -47,7 +47,7 @@ export function NonceInitializeDetailsCard(props: { Nonce Address - + {nonceKey} @@ -56,7 +56,7 @@ export function NonceInitializeDetailsCard(props: { Authority Address - + {authorizedKey} diff --git a/explorer/src/components/instruction/system/NonceWithdrawDetailsCard.tsx b/explorer/src/components/instruction/system/NonceWithdrawDetailsCard.tsx index 742293f401..1470f0654a 100644 --- a/explorer/src/components/instruction/system/NonceWithdrawDetailsCard.tsx +++ b/explorer/src/components/instruction/system/NonceWithdrawDetailsCard.tsx @@ -41,7 +41,7 @@ export function NonceWithdrawDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -50,7 +50,7 @@ export function NonceWithdrawDetailsCard(props: { Nonce Address - + {nonceKey} @@ -59,7 +59,7 @@ export function NonceWithdrawDetailsCard(props: { Authority Address - + {authorizedKey} @@ -68,7 +68,7 @@ export function NonceWithdrawDetailsCard(props: { To Address - + {toKey} diff --git a/explorer/src/components/instruction/system/TransferDetailsCard.tsx b/explorer/src/components/instruction/system/TransferDetailsCard.tsx index ad2cba05fd..dc57821651 100644 --- a/explorer/src/components/instruction/system/TransferDetailsCard.tsx +++ b/explorer/src/components/instruction/system/TransferDetailsCard.tsx @@ -33,7 +33,7 @@ export function TransferDetailsCard(props: { Program - + {displayAddress(SystemProgram.programId.toBase58())} @@ -42,7 +42,7 @@ export function TransferDetailsCard(props: { From Address - + {from} @@ -51,7 +51,7 @@ export function TransferDetailsCard(props: { To Address - + {to}