Rename blockhash label to nonce to reduce ambiguity

explorer/src/components/InfoTooltip.tsx

@@ -36,13 +36,14 @@ function Popover({
 function InfoTooltip({ bottom, right, text, children }: Props) {
   const [state, setState] = useState<State>("hide");
 
+  const justify = right ? "end" : "start";
   return (
     <div
       className="popover-container w-100"
       onMouseOver={() => setState("show")}
       onMouseOut={() => setState("hide")}
     >
-      <div className="d-flex align-items-center justify-content-end">
+      <div className={`d-flex align-items-center justify-content-${justify}`}>
         {children}
         <span className="fe fe-help-circle ml-2"></span>
       </div>

explorer/src/components/TransactionDetails.tsx

@@ -165,7 +165,7 @@ function StatusCard({ signature }: Props) {
               <InfoTooltip
                 bottom
                 right
-                text="Timestamps older than 5 epochs are not available at this time"
+                text="Timestamps are available for confirmed blocks within the past 5 epochs"
               >
                 Unavailable
               </InfoTooltip>
@@ -185,7 +185,11 @@ function StatusCard({ signature }: Props) {
 
         {blockhash && (
           <tr>
-            <td>Blockhash</td>
+            <td>
+              <InfoTooltip text="Transactions use a previously confirmed blockhash as a nonce prevent double spends">
+                Nonce
+              </InfoTooltip>
+            </td>
             <td className="text-right">
               <code>{blockhash}</code>
             </td>