Add payment tx links in /my-grants

BuidlGuidl · Mar 23, 2024 · 0769f95 · 0769f95
1 parent 6d17bc3
commit 0769f95
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/packages/nextjs/app/my-grants/page.tsx b/packages/nextjs/app/my-grants/page.tsx
@@ -6,6 +6,7 @@ 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";
 
@@ -50,6 +51,29 @@ const MyGrants: NextPage = () => {
           )}
           <p className="m-0">{grant.description}</p>
           <p className={`badge ${badgeBgColor[grant.status]}`}>{grant.status}</p>
+          {(grant.status === PROPOSAL_STATUS.APPROVED ||
+            grant.status === PROPOSAL_STATUS.SUBMITTED ||
+            grant.status === PROPOSAL_STATUS.COMPLETED) &&
+            grant.approvedTx && (
+              <a
+                href={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.status === PROPOSAL_STATUS.COMPLETED && grant.completedTx && (
+            <a
+              href={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