Add payment tx links in /my-grants (#95)

BuidlGuidl · Mar 25, 2024 · db69f7b · db69f7b
1 parent 2b28aaf
commit db69f7b
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/packages/nextjs/app/my-grants/page.tsx b/packages/nextjs/app/my-grants/page.tsx
@@ -6,8 +6,10 @@ import { SubmitModal } from "./_components/SubmitModal";
 import { NextPage } from "next";
 import useSWR from "swr";
 import { useAccount } from "wagmi";
+import { ArrowTopRightOnSquareIcon } from "@heroicons/react/20/solid";
 import { GrantData } from "~~/services/database/schema";
 import { PROPOSAL_STATUS } from "~~/utils/grants";
+import { getBlockExplorerTxLink } from "~~/utils/scaffold-eth";
 
 const badgeBgColor = {
   [PROPOSAL_STATUS.PROPOSED]: "bg-warning",
@@ -50,6 +52,26 @@ const MyGrants: NextPage = () => {
           )}
           <p className="m-0">{grant.description}</p>
           <p className={`badge ${badgeBgColor[grant.status]}`}>{grant.status}</p>
+          {grant.approvedTx && (
+            <a
+              href={getBlockExplorerTxLink(Number(grant.txChainId), grant.approvedTx)}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="ml-4 underline underline-offset-4 text-xs"
+            >
+              50% approve tx <ArrowTopRightOnSquareIcon className="h-4 w-4 inline" />
+            </a>
+          )}
+          {grant.completedTx && (
+            <a
+              href={getBlockExplorerTxLink(Number(grant.txChainId), grant.completedTx)}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="ml-4 underline underline-offset-4 text-xs"
+            >
+              50% complete tx <ArrowTopRightOnSquareIcon className="h-4 w-4 inline" />
+            </a>
+          )}
           {grant.status === PROPOSAL_STATUS.APPROVED && (
             <button onClick={() => openModal(grant)} className="btn btn-primary float-right">
               Submit build