polls pending transactions

Author: cgjohn

renderer/components/NoteRow/NoteRow.tsx

@@ -5,9 +5,10 @@ import type {
   TransactionStatus,
   TransactionType,
 } from "@ironfish/sdk";
-import { ReactNode, useMemo } from "react";
+import { useState, useEffect, ReactNode, useMemo } from "react";
 import { MessageDescriptor, useIntl } from "react-intl";
 
+import { trpcReact } from "@/providers/TRPCProvider";
 import { MaybeLink } from "@/ui/ChakraLink/ChakraLink";
 import { COLORS } from "@/ui/colors";
 import { ShadowCard } from "@/ui/ShadowCard/ShadowCard";
@@ -106,7 +107,7 @@ export function NoteRow({
   from,
   to,
   type,
-  status,
+  status: initialStatus,
   memo,
   transactionHash,
   asTransaction = false,
@@ -131,6 +132,24 @@ export function NoteRow({
   isBridge?: boolean;
 }) {
   const { formatMessage } = useIntl();
+  const [status, setStatus] = useState<TransactionStatus>(initialStatus);
+
+  const { data: transactionData } = trpcReact.getTransaction.useQuery(
+    { accountName, transactionHash },
+    {
+      enabled:
+        status === "pending" ||
+        status === "unconfirmed" ||
+        status === "unknown",
+      refetchInterval: 5000,
+    },
+  );
+
+  useEffect(() => {
+    if (transactionData && transactionData.transaction.status !== status) {
+      setStatus(transactionData.transaction.status);
+    }
+  }, [transactionData, status]);
 
   const statusDisplay = getNoteStatusDisplay(
     type,