add copy button to message examples (#1432)

coinbase · Oct 22, 2024 · 92f19b5 · 92f19b5
1 parent d5a9d18
commit 92f19b5
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/examples/testapp/src/components/RpcMethods/RpcMethodCard.tsx b/examples/testapp/src/components/RpcMethods/RpcMethodCard.tsx
@@ -174,9 +174,20 @@ export function RpcMethodCard({ format, method, params, shortcuts }) {
                 <AccordionPanel pb={4}>
                   <HStack spacing={2}>
                     {shortcuts.map((shortcut) => (
-                      <Button key={shortcut.key} onClick={() => submit(shortcut.data)}>
-                        {shortcut.key}
-                      </Button>
+                      <HStack key={shortcut.key} spacing={1}>
+                        <Button onClick={() => submit(shortcut.data)}>
+                          {shortcut.key}
+                        </Button>
+                        {shortcut.data.message && (
+                          <Button
+                            onClick={() => navigator.clipboard.writeText(JSON.stringify(shortcut.data.message, null, 2))}
+                            variant="outline"
+                            size="sm"
+                          >
+                            Copy
+                          </Button>
+                        )}
+                      </HStack>
                     ))}
                   </HStack>
                 </AccordionPanel>