feat: popups for long string values

solana-labs · Oct 31, 2019 · 06ddc32 · 06ddc32
1 parent 623ba13
commit 06ddc32
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/v2/components/Accounts/Table/index.jsx b/src/v2/components/Accounts/Table/index.jsx
@@ -55,7 +55,7 @@ const AccountsTable = ({
   const renderRow = ({data: account}) => {
     return (
       <TableRow hover key={account.programId}>
-        <TableCell>
+        <TableCell title={account.programId}>
           <Link to={`/accounts/${account.programId}`}>{account.programId}</Link>
         </TableCell>
         <TableCell>

diff --git a/src/v2/components/Blocks/Table/index.jsx b/src/v2/components/Blocks/Table/index.jsx
@@ -73,7 +73,7 @@ const BlocksTable = ({
   const renderRow = ({data: block}) => {
     return (
       <TableRow hover key={block.id}>
-        <TableCell align="center">
+        <TableCell align="center" title={block.id}>
           <Link to={`/blocks/${block.id}`}>{block.id}</Link>
         </TableCell>
         <TableCell width={100}>{block.slot}</TableCell>

diff --git a/src/v2/components/Programs/Table/index.jsx b/src/v2/components/Programs/Table/index.jsx
@@ -55,7 +55,7 @@ const ProgramsTable = ({
   const renderRow = ({data: program}) => {
     return (
       <TableRow hover key={program.programId}>
-        <TableCell>
+        <TableCell title={program.programId}>
           <Link to={`/programs/${program.programId}`}>{program.programId}</Link>
         </TableCell>
         <TableCell>

diff --git a/src/v2/components/Transactions/Table/index.jsx b/src/v2/components/Transactions/Table/index.jsx
@@ -73,18 +73,18 @@ const TransactionsTable = ({
   const renderRow = ({data: transaction}) => {
     return (
       <TableRow hover key={transaction.id}>
-        <TableCell>
+        <TableCell title={transaction.id}>
           <Link to={`/transactions/${transaction.id}`}>{transaction.id}</Link>
         </TableCell>
-        <TableCell>
+        <TableCell title={transaction.blockId}>
           <Link to={`/blocks/${transaction.blockId}`}>
             {transaction.blockId}
           </Link>
         </TableCell>
         <TableCell width={135} title={transaction.timestamp}>
           {asTime(transaction.timestamp)}
         </TableCell>
-        <TableCell width={230}>
+        <TableCell width={230} title={transaction.instructions[0].programId}>
           <Link
             to={`/programs/${transaction.instructions[0].programId}`}
             className={classes.name}