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

explorer: remove line breaks from wrapped data (#15379)

This commit is contained in:
Josh 2021-02-17 12:12:49 -08:00 committed by GitHub
parent 480b4e08a9
commit b9fb595db2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
explorer/src/components/instruction/RawDetails.tsx
View File

@ -1,10 +1,9 @@
import React from "react"; import React from "react";
import { TransactionInstruction } from "@solana/web3.js"; import { TransactionInstruction } from "@solana/web3.js";
import { Address } from "components/common/Address"; import { Address } from "components/common/Address";
import { wrap } from "utils";
export function RawDetails({ ix }: { ix: TransactionInstruction }) { export function RawDetails({ ix }: { ix: TransactionInstruction }) {
const data = wrap(ix.data.toString("hex"), 50); const data = ix.data.toString("hex");
return ( return (
<> <>
{ix.keys.map(({ pubkey, isSigner, isWritable }, keyIndex) => ( {ix.keys.map(({ pubkey, isSigner, isWritable }, keyIndex) => (
@ -27,7 +26,7 @@ export function RawDetails({ ix }: { ix: TransactionInstruction }) {
<tr> <tr>
<td>Instruction Data (Hex)</td> <td>Instruction Data (Hex)</td>
<td className="text-lg-right"> <td className="text-lg-right">
<pre className="d-inline-block text-left mb-0">{data}</pre> <pre className="d-inline-block text-left mb-0 data-wrap">{data}</pre>
</td> </td>
</tr> </tr>
</> </>

9
explorer/src/scss/_solana.scss
View File

@ -331,3 +331,12 @@ div.inner-cards {
background: red; background: red;
border: 1px solid red; border: 1px solid red;
} }
pre.data-wrap {
max-width: 23rem;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}