Merge pull request #44 from hollow-leaf/fix/buyer_postapi

fix: buyer post api

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);

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}

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>

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);
+    }
 }