From f052b1d2ec0a2c64598ce296f60a873e33f218f8 Mon Sep 17 00:00:00 2001
From: "Shiv Bhonde | shivbhonde.eth" <shivbhonde04@gmail.com>
Date: Fri, 15 Mar 2024 17:29:01 +0000
Subject: [PATCH] Show askAmount on my-grants page (#80)

---
 packages/nextjs/app/admin/_components/GrantReview.tsx |  2 +-
 packages/nextjs/app/my-grants/page.tsx                | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/nextjs/app/admin/_components/GrantReview.tsx b/packages/nextjs/app/admin/_components/GrantReview.tsx
index 4978ac4..de8a11f 100644
--- a/packages/nextjs/app/admin/_components/GrantReview.tsx
+++ b/packages/nextjs/app/admin/_components/GrantReview.tsx
@@ -71,7 +71,7 @@ export const GrantReview = ({ grant, selected, toggleSelection }: GrantReviewPro
   const completeActionDisableToolTip = isCompleteActionDisabled && `Please switch to chain: ${grant.txChainId}`;
 
   return (
-    <div className="border border-4 rounded-lg p-4 my-4">
+    <div className="border-4 rounded-lg p-4 my-4">
       <div className="flex justify-between mb-2">
         <div className="font-bold flex flex-col gap-1 lg:gap-2 lg:flex-row items-baseline">
           <h1 className="text-lg m-0">{grant.title}</h1>
diff --git a/packages/nextjs/app/my-grants/page.tsx b/packages/nextjs/app/my-grants/page.tsx
index 5d65176..19565aa 100644
--- a/packages/nextjs/app/my-grants/page.tsx
+++ b/packages/nextjs/app/my-grants/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import Image from "next/image";
 import { SubmitModal } from "./_components/SubmitModal";
 import { NextPage } from "next";
 import useSWR from "swr";
@@ -35,11 +36,17 @@ const MyGrants: NextPage = () => {
       {builderGrants?.length === 0 && <p>No grants found</p>}
       {builderGrants?.map(grant => (
         <div key={grant.id} className="border p-4 my-4">
-          <h3 className="font-bold">
+          <h3 className="text-lg m-0 font-bold">
             {grant.title}
             <span className="text-sm text-gray-500 ml-2">({grant.id})</span>
           </h3>
-          <p>{grant.description}</p>
+          <div className="flex mb-2 items-center">
+            <Image src="/assets/eth-completed-grant.png" alt="ETH Icon" width={10} height={10} />
+            <span className="ml-1 tooltip" data-tip="Total amount of the grant">
+              {grant.askAmount} ETH
+            </span>
+          </div>
+          <p className="m-0">{grant.description}</p>
           <p className={`badge ${badgeBgColor[grant.status]}`}>{grant.status}</p>
           {grant.status === PROPOSAL_STATUS.APPROVED && (
             <button onClick={() => openModal(grant)} className="btn btn-primary float-right">