@@ -68,7 +121,9 @@ export default function Home() {
} else {
setShowQR(true);
}
- } else setIsVisible(false);
+ } else {
+ completeBidderVerification();
+ }
}}
>
{!showQR && (
diff --git a/ui/pages/my-tenders.tsx b/ui/pages/my-tenders.tsx
index af4c061..9bb448a 100644
--- a/ui/pages/my-tenders.tsx
+++ b/ui/pages/my-tenders.tsx
@@ -1,3 +1,4 @@
+import LottieAnimation from "@/components/Lottie";
import { AuthContext } from "@/context/AuthContext";
import {
Button,
@@ -12,6 +13,8 @@ import {
import Head from "next/head";
import { useRouter } from "next/router";
import { useContext, useEffect, useState } from "react";
+import loadingAnimation from "@/assets/animation/loading.json";
+import emptyAnimation from "@/assets/animation/empty.json";
import styles from "../styles/MyTenders.module.css";
interface Tender {
@@ -138,6 +141,7 @@ const TenderCard = ({
}
className={styles.bidButton}
block
+ disabled={tender.isAccepted}
>
{signerAddress == tender.owner.toLowerCase()
? "View Bids"
@@ -147,7 +151,13 @@ const TenderCard = ({
);
};
-const BidCard = ({ bid }: { bid: Bids }) => {
+const BidCard = ({
+ bid,
+ acceptBid,
+}: {
+ bid: Bids;
+ acceptBid: (bidId: bigint, bidAmount: bigint) => void;
+}) => {
return (
@@ -174,7 +184,12 @@ const BidCard = ({ bid }: { bid: Bids }) => {
{bid.createdAt.toDateString()}
-
@@ -183,16 +198,18 @@ const BidCard = ({ bid }: { bid: Bids }) => {
export default function MyTenders() {
const [tenders, setTenders] = useState
();
- const { contract, signer } = useContext(AuthContext);
+ const { contract, isSignedInMetamask, selectedOption, db } =
+ useContext(AuthContext);
const [showModal, setShowModal] = useState(false);
const [selectedTender, setSelectedTender] = useState();
- const [getBids, setGetBids] = useState([]);
- const { query } = useRouter();
const [isMine, setIsMine] = useState(false);
- const [form] = Form.useForm();
const [viewBidsModal, setViewBidsModal] = useState(false);
const [bids, setBids] = useState([]);
+ const { query } = useRouter();
+ const [form] = Form.useForm();
+ const router = useRouter();
+
const onFinish = async (values: any) => {
try {
await contract?.createBid(selectedTender?.tenderId, values.bidAmount);
@@ -210,6 +227,33 @@ export default function MyTenders() {
}
};
+ const acceptBid = async (bidId: bigint, bidAmount: bigint) => {
+ try {
+ if (selectedTender && bidId) {
+ await contract?.acceptBid(
+ BigInt.asUintN(256, selectedTender?.tenderId),
+ BigInt.asUintN(256, bidId),
+ { value: BigInt.asUintN(256, bidAmount) }
+ );
+ notification.success({
+ message: "Bid Accepted",
+ description: "Bid has been accepted successfully",
+ });
+ // update NFT
+ await db!
+ .collection("DTenderDynamicNFTMetadata")
+ .record("2")
+ .call("upgradeLevel", []);
+ console.log("done");
+ }
+ } catch (e) {
+ notification.error({
+ message: "Bid Acceptance Failed",
+ description: "Bid could not be accepted",
+ });
+ }
+ };
+
const closeBidsModal = () => {
setViewBidsModal(false);
setBids([]);
@@ -245,7 +289,7 @@ export default function MyTenders() {
setTenders(tenderList);
}
};
- getTenders();
+ setTimeout(() => getTenders(), 1000);
}, [contract]);
useEffect(() => {
@@ -272,6 +316,17 @@ export default function MyTenders() {
getBids();
}, [contract, viewBidsModal]);
+ useEffect(() => {
+ if (!isSignedInMetamask || !selectedOption) {
+ notification.destroy();
+ notification.error({
+ message: "Not Signed In",
+ description: "Please sign in to continue",
+ });
+ router.push("/");
+ }
+ }, [isSignedInMetamask, selectedOption]);
+
return (
@@ -327,11 +382,15 @@ export default function MyTenders() {
{bids.length > 0 ? (
<>
{bids.map((bid, index) => (
-
+
))}
) : (
- No bids yet
+
)}
@@ -352,9 +411,25 @@ export default function MyTenders() {
))}
diff --git a/ui/styles/MyTenders.module.css b/ui/styles/MyTenders.module.css
index c2fac63..1900848 100644
--- a/ui/styles/MyTenders.module.css
+++ b/ui/styles/MyTenders.module.css
@@ -1,5 +1,4 @@
.tenderCard {
- /* width: 60%; */
margin: auto;
margin-bottom: 2rem;
display: flex;
@@ -92,3 +91,14 @@
.bidDisplay {
font-size: 10px;
}
+
+.bidCard {
+ width: 100%;
+ margin-bottom: 10px;
+}
+
+.bidCard:hover {
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+ transition: all 0.1s ease-in-out;
+ transform: scale(1.01);
+}