From 06ddc32dcc2762ed48ea56c1f7920de2f9df969a Mon Sep 17 00:00:00 2001
From: Sunny Gleason <sunny.gleason@gmail.com>
Date: Thu, 31 Oct 2019 10:32:19 -0400
Subject: [PATCH] feat: popups for long string values

---
 src/v2/components/Accounts/Table/index.jsx     | 2 +-
 src/v2/components/Blocks/Table/index.jsx       | 2 +-
 src/v2/components/Programs/Table/index.jsx     | 2 +-
 src/v2/components/Transactions/Table/index.jsx | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/v2/components/Accounts/Table/index.jsx b/src/v2/components/Accounts/Table/index.jsx
index d7ea461e..f57b7357 100644
--- 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
index 310d5ee0..c507379c 100644
--- 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
index c1e5349b..5c6171cd 100644
--- 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
index 80aadb44..2fe4ff2a 100644
--- a/src/v2/components/Transactions/Table/index.jsx
+++ b/src/v2/components/Transactions/Table/index.jsx
@@ -73,10 +73,10 @@ 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>
@@ -84,7 +84,7 @@ const TransactionsTable = ({
         <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}