Fix format

explorer/src/components/Copyable.tsx

@@ -9,11 +9,23 @@ type CopyableProps = {
 
 type State = "hide" | "copy" | "copied";
 
-function Popover({ state, bottom, right }: { state: State; bottom?: boolean, right?: boolean }) {
+function Popover({
+  state,
+  bottom,
+  right
+}: {
+  state: State;
+  bottom?: boolean;
+  right?: boolean;
+}) {
   if (state === "hide") return null;
   const text = state === "copy" ? "Copy" : "Copied!";
   return (
-    <div className={`popover bs-popover-${bottom ? "bottom" : "top"}${right ? " right" : ""} show`}>
+    <div
+      className={`popover bs-popover-${bottom ? "bottom" : "top"}${
+        right ? " right" : ""
+      } show`}
+    >
       <div className={`arrow${right ? " right" : ""}`} />
       <div className="popover-body">{text}</div>
     </div>

explorer/src/components/InfoTooltip.tsx

@@ -9,10 +9,24 @@ type Props = {
 
 type State = "hide" | "show";
 
-function Popover({ state, bottom, right, text }: { state: State; bottom?: boolean, right?: boolean, text: string }) {
+function Popover({
+  state,
+  bottom,
+  right,
+  text
+}: {
+  state: State;
+  bottom?: boolean;
+  right?: boolean;
+  text: string;
+}) {
   if (state === "hide") return null;
   return (
-    <div className={`popover bs-popover-${bottom ? "bottom" : "top"}${right ? " right" : ""} show`}>
+    <div
+      className={`popover bs-popover-${bottom ? "bottom" : "top"}${
+        right ? " right" : ""
+      } show`}
+    >
       <div className={`arrow${right ? " right" : ""}`} />
       <div className="popover-body">{text}</div>
     </div>
@@ -24,7 +38,7 @@ function InfoTooltip({ bottom, right, text, children }: Props) {
 
   return (
     <div
-    className="popover-container w-100"
+      className="popover-container w-100"
       onMouseOver={() => setState("show")}
       onMouseOut={() => setState("hide")}
     >

explorer/src/components/TransactionDetails.tsx

@@ -150,8 +150,14 @@ function StatusCard({ signature }: Props) {
         <tr>
           <td>Timestamp</td>
           <td className="text-right">
-            {info.timestamp !== "unavailable" ? displayTimestamp(info.timestamp) : (
+            {info.timestamp !== "unavailable" ? (
-              <InfoTooltip bottom right text="Timestamps older than 5 epochs are not available at this time">
+              displayTimestamp(info.timestamp)
+            ) : (
+              <InfoTooltip
+                bottom
+                right
+                text="Timestamps older than 5 epochs are not available at this time"
+              >
                 Unavailable
               </InfoTooltip>
             )}