diff --git a/apps/web/components/buyerAlertBox.tsx b/apps/web/components/buyerAlertBox.tsx
deleted file mode 100644
index 4454fd8..0000000
--- a/apps/web/components/buyerAlertBox.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useEffect, useState } from "react";
-
-interface BuyerCardProps {
-    sharedState: boolean;
-    setSharedState: React.Dispatch<React.SetStateAction<boolean>>;
-  }
-
-function BuyerCard({sharedState,setSharedState}:BuyerCardProps) {
-    const handleClick = () => {
-            setSharedState(false)
-            console.log("onClick!")
-    }
-    
-  useEffect(() => {
-    setSharedState(true)
-  }, [])
- 
-  return ( 
-    <div>
-    {sharedState && ((
-    <div className="card w-96 bg-base-100 shadow-xl">
-    <div className="card-body">
-        <div className="card-actions justify-end">
-        <button className="btn btn-square btn-sm" onClick={handleClick}>
-            <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M6 18L18 6M6 6l12 12" /></svg>
-        </button>
-        </div>
-        <p>We are using cookies for no reason.</p>
-    </div>
-</div>
-   ))} 
-    </div>
-    
-  );
-}
-
-export default BuyerCard;
diff --git a/apps/web/components/buyerCard.tsx b/apps/web/components/buyerCard.tsx
deleted file mode 100644
index ea55ff6..0000000
--- a/apps/web/components/buyerCard.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-interface BuyerCardProps {
-    sharedState: boolean;
-    setSharedState: React.Dispatch<React.SetStateAction<boolean>>;
-  }
-
-function BuyerCard({sharedState,setSharedState}:BuyerCardProps){
-    return(
-        <div className="card w-96 bg-base-100 shadow-xl">
-            {sharedState && (
-            <div className="card-body">
-                <div className="card-actions justify-end">
-                <button className="btn btn-square btn-sm" onClick={()=>{setSharedState(false)}}>
-                    <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M6 18L18 6M6 6l12 12" /></svg>
-                </button>
-                </div>
-                <span className="loading loading-dots loading-lg"></span>
-            </div>)}
-        </div>
-    )
-}
-export default BuyerCard;
\ No newline at end of file
diff --git a/apps/web/components/buyerSubmitBox.tsx b/apps/web/components/buyerSubmitBox.tsx
index 9a19cb2..3a076ed 100644
--- a/apps/web/components/buyerSubmitBox.tsx
+++ b/apps/web/components/buyerSubmitBox.tsx
@@ -2,16 +2,10 @@ import { useState } from 'react'
 import { buy } from '../service/contract';
 import { getbuyList } from '../service/api';
 
-interface BuyerSubmitProps {
-  sharedState: boolean;
-  setSharedState: React.Dispatch<React.SetStateAction<boolean>>;
-}
-
-function BuyerSubmit({sharedState,setSharedState}:BuyerSubmitProps) {
+function BuyerSubmit() {
   const [inputValue, setInputValue] = useState<number>(0);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string>('');
-  const [dat,setData]=useState()
 
   const handleInputChange = (event:any) => {
     setInputValue(event.target.value);
diff --git a/apps/web/components/buyerTable.tsx b/apps/web/components/buyerTable.tsx
index 849135f..07991a1 100644
--- a/apps/web/components/buyerTable.tsx
+++ b/apps/web/components/buyerTable.tsx
@@ -1,7 +1,7 @@
 import BuyerTableItem from "./buyerTableItem";
 import { formatAddress } from "../utils/stringify";
 
-function BuyerTable() {
+function BuyerTable(props: any) {
   const fakeData = [
     {
       powerType: "sun",
@@ -65,7 +65,7 @@ function BuyerTable() {
         </thead>
         <tbody>
           {/* body */}
-          {fakeData.map((item, index) => {
+          {props.buyList.map((item:any, index:any) => {
             return (
               <BuyerTableItem
                 key={index}
diff --git a/apps/web/pages/buyer.tsx b/apps/web/pages/buyer.tsx
index 06bbdd0..71981cc 100644
--- a/apps/web/pages/buyer.tsx
+++ b/apps/web/pages/buyer.tsx
@@ -1,22 +1,28 @@
-import BuyerCard from "../components/buyerCard";
 import BuyerSubmit from "../components/buyerSubmitBox"
 import BuyerTable from "../components/buyerTable"
-import {useState} from "react"
+import { useAccount } from "wagmi";
+import { getCert } from "../service/api";
+import { useEffect, useState } from "react";
 
 export default function Page(){
-    const [sharedState, setSharedState] = useState(false);
-    
+    const [buyList, setBuyList] = useState<any[]>([]);
+  
+    useEffect(() => {
+        getCert('').then((res) => {
+            setBuyList(res);
+      });
+    }, []);
+
     return(
         <div className="grid grid-cols-2">
             <div className="mx-auto mt-14 mb-14">
                 <p className="text-3xl text-black">Your NFT</p>
                 <div className="divider"></div> 
-                <BuyerTable/>
+                <BuyerTable buyList={buyList}/>
             </div>
             <div className="mx-auto mt-14 mb-20 flex flex-col justify-between ml-10">
                 <div className="mb-2">
-                    <BuyerSubmit sharedState={sharedState} setSharedState={setSharedState}  />
-                    <BuyerCard sharedState={sharedState} setSharedState={setSharedState} />
+                    <BuyerSubmit/>
                 </div>
             </div>
         </div>
diff --git a/apps/web/service/api.ts b/apps/web/service/api.ts
index ca969d2..415c9e1 100644
--- a/apps/web/service/api.ts
+++ b/apps/web/service/api.ts
@@ -51,4 +51,20 @@ export async function getbuyList(amount: number) {
     catch (err) {
         console.log("error", err);
     }
+}
+
+export async function getCert(account: string) {
+    try {
+        const res = await axios({
+            method: 'get',
+            url: host + "/cert",
+            data: {
+                account: account
+            }
+        })
+        return res.data;
+    }
+    catch (err) {
+        console.log("error", err);
+    }
 }
\ No newline at end of file