feat: timestamp tooltips

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

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/src/v2/components/Blocks/Table/index.jsx b/src/v2/components/Blocks/Table/index.jsx
@@ -77,7 +77,9 @@ const BlocksTable = ({
           <Link to={`/blocks/${block.id}`}>{block.id}</Link>
         </TableCell>
         <TableCell width={100}>{block.slot}</TableCell>
-        <TableCell width={140}>{asTime(block.timestamp)}</TableCell>
+        <TableCell width={140} title={block.timestamp}>
+          {asTime(block.timestamp)}
+        </TableCell>
         <TableCell width={200}>TODO</TableCell>
         <TableCell width={140}>TODO</TableCell>
         <TableCell>

diff --git a/src/v2/components/Transactions/Detail/index.jsx b/src/v2/components/Transactions/Detail/index.jsx
@@ -59,7 +59,7 @@ const TransactionDetail = ({match}: {match: Match}) => {
     },
     {
       label: 'Block',
-      hint: '',
+      hint: transaction.blockId,
       value() {
         return (
           <Link to={`/blocks/${transaction.blockId}`}>
@@ -80,13 +80,21 @@ const TransactionDetail = ({match}: {match: Match}) => {
     },
   ];
 
-  const renderSpec = ({label, value}: {label: string, value: string}) => (
+  const renderSpec = ({
+    label,
+    hint,
+    value,
+  }: {
+    label: string,
+    hint: string,
+    value: string,
+  }) => (
     <li key={label}>
       <div className={classes.label}>
         {label}
         <HelpLink term="" text="" />
       </div>
-      <div className={classes.value}>
+      <div className={classes.value} title={hint}>
         {typeof value === 'function' ? value() : value}
       </div>
     </li>

diff --git a/src/v2/components/Transactions/Table/index.jsx b/src/v2/components/Transactions/Table/index.jsx
@@ -81,7 +81,9 @@ const TransactionsTable = ({
             {transaction.blockId}
           </Link>
         </TableCell>
-        <TableCell width={135}>{asTime(transaction.timestamp)}</TableCell>
+        <TableCell width={135} title={transaction.timestamp}>
+          {asTime(transaction.timestamp)}
+        </TableCell>
         <TableCell width={230}>
           <Link
             to={`/programs/${transaction.instructions[0].programId}`}