Add disclaimer stating oldest available slot (#136)

mvines · Jun 12, 2020 · 5b69ecf · 5b69ecf
1 parent f4a7e54
commit 5b69ecf
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 9 deletions.
diff --git a/explorer/package-lock.json b/explorer/package-lock.json
diff --git a/explorer/package.json b/explorer/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@solana/web3.js": "^0.55.0",
+    "@solana/web3.js": "^0.56.0",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",

diff --git a/explorer/src/components/TransactionDetails.tsx b/explorer/src/components/TransactionDetails.tsx
@@ -101,12 +101,22 @@ function StatusCard({ signature }: Props) {
   const status = useTransactionStatus(signature);
   const refresh = useFetchTransactionStatus();
   const details = useTransactionDetails(signature);
+  const { firstAvailableBlock } = useCluster();
 
   if (!status || status.fetchStatus === FetchStatus.Fetching) {
     return <LoadingCard />;
   } else if (status?.fetchStatus === FetchStatus.FetchFailed) {
     return <ErrorCard retry={() => refresh(signature)} text="Fetch Failed" />;
   } else if (!status.info) {
+    if (firstAvailableBlock !== undefined) {
+      return (
+        <ErrorCard
+          retry={() => refresh(signature)}
+          text="Not Found"
+          subtext={`Note: Transactions processed before block ${firstAvailableBlock} are not available at this time`}
+        />
+      );
+    }
     return <ErrorCard retry={() => refresh(signature)} text="Not Found" />;
   }
 

diff --git a/explorer/src/components/common/ErrorCard.tsx b/explorer/src/components/common/ErrorCard.tsx
@@ -3,11 +3,13 @@ import React from "react";
 export default function ErrorCard({
   retry,
   retryText,
-  text
+  text,
+  subtext
 }: {
   retry?: () => void;
   retryText?: string;
   text: string;
+  subtext?: string;
 }) {
   const buttonText = retryText || "Try Again";
   return (
@@ -23,11 +25,16 @@ export default function ErrorCard({
               {buttonText}
             </span>
             <div className="d-block d-md-none mt-4">
-              <hr></hr>
-              <span className="btn btn-white" onClick={retry}>
+              <span className="btn btn-white w-100" onClick={retry}>
                 {buttonText}
               </span>
             </div>
+            {subtext && (
+              <div className="text-muted">
+                <hr></hr>
+                {subtext}
+              </div>
+            )}
           </>
         )}
       </div>

diff --git a/explorer/src/providers/cluster.tsx b/explorer/src/providers/cluster.tsx
@@ -58,13 +58,15 @@ export const DEFAULT_CUSTOM_URL = "http://localhost:8899";
 interface State {
   cluster: Cluster;
   customUrl: string;
+  firstAvailableBlock?: number;
   status: ClusterStatus;
 }
 
 interface Action {
   status: ClusterStatus;
   cluster: Cluster;
   customUrl: string;
+  firstAvailableBlock?: number;
 }
 
 type Dispatch = (action: Action) => void;
@@ -192,8 +194,13 @@ async function updateCluster(
 
   try {
     const connection = new Connection(clusterUrl(cluster, customUrl));
-    await connection.getRecentBlockhash();
-    dispatch({ status: ClusterStatus.Connected, cluster, customUrl });
+    const firstAvailableBlock = await connection.getFirstAvailableBlock();
+    dispatch({
+      status: ClusterStatus.Connected,
+      cluster,
+      customUrl,
+      firstAvailableBlock
+    });
   } catch (error) {
     console.error("Failed to update cluster", error);
     dispatch({ status: ClusterStatus.Failure, cluster, customUrl });