From 1a4fc8aaae2ae2f7875406e9013d3ad11d6dcd97 Mon Sep 17 00:00:00 2001
From: Kristie Huang <kristiehuang01@gmail.com>
Date: Thu, 6 Jan 2022 23:32:20 -0800
Subject: [PATCH] Add duplicate bid warning

---
 src/components/bidpage/BidForm.js     | 10 +++++++++-
 src/components/bidpage/BidPageMain.js |  8 ++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/bidpage/BidForm.js b/src/components/bidpage/BidForm.js
index 2b1c66f..e4f8c55 100644
--- a/src/components/bidpage/BidForm.js
+++ b/src/components/bidpage/BidForm.js
@@ -45,7 +45,7 @@ const PlaceBidButton = styled(Button)`
   }
 `;
 
-const BidForm = () => {
+const BidForm = ({ props }) => {
   const { t } = useTranslation();
   const { yobot, isAuthed, balance, address, refreshEvents } = useYobot();
   const [validParams, setValidParams] = useState(false);
@@ -284,11 +284,19 @@ const BidForm = () => {
         ) : (
           ""
         )}
+        {isAuthed && props.alreadyPlacedBid ? (
+          <Text mb="0.5em" fontSize="14px" color="red.500">
+            You&apos;ve already placed a bid on this project.
+          </Text>
+        ) : (
+          ""
+        )}
         {!isAuthed ? (
           <ConnectWallet fullWidth={true} darkerBackground={true} />
         ) : (
           <PlaceBidButton
             disabled={
+              props.alreadyPlacedBid ||
               !validParams ||
               insufficentFunds ||
               bidPriceEmpty ||
diff --git a/src/components/bidpage/BidPageMain.js b/src/components/bidpage/BidPageMain.js
index c64e256..03d26bf 100644
--- a/src/components/bidpage/BidPageMain.js
+++ b/src/components/bidpage/BidPageMain.js
@@ -17,6 +17,7 @@ const BidPageMain = ({ projectId }) => {
   const [totalBids, setTotalBids] = useState("-");
   const [highestBidInWei, setHighestBidInWei] = useState("-");
   const [gettingActions, setGettingActions] = useState(true);
+  const [alreadyPlacedBid, setAlreadyPlacedBid] = useState(false);
 
   const fetchUserOrdersAndTotalStats = async () => {
     let _placed_orders = [];
@@ -48,9 +49,6 @@ const BidPageMain = ({ projectId }) => {
         let _token_address = values["1"];
         let _action_taken = values["4"];
 
-        // orders[msg.sender][_tokenAddress];
-        // for all orders for this token address, add qty
-
         // TODO: implement orderID so easier to lookup orders to update order status & get stats... Otherwise need to loop thru all txs
 
         // For this NFT contract,
@@ -107,6 +105,8 @@ const BidPageMain = ({ projectId }) => {
       _cancelled_orders.reverse()
     );
 
+    setAlreadyPlacedBid(_placed_orders.length > 0);
+
     const highestBidInWei = Math.max(
       highestFilledBidInWei,
       Math.max(...Object.values(placedBidValuesForProject))
@@ -168,7 +168,7 @@ const BidPageMain = ({ projectId }) => {
     <div>
       <div className="max-w-screen-lg m-auto mt-2 mt-12 text-gray-300 bg-black xl:max-w-7xl App font-Roboto sm:">
         <div className="pb-6 mx-auto sm:pb-0 flex border border-gray-700 rounded-xl  flex-col-reverse max-w-screen-xl m-auto  bg-gray-800 sm:flex-row sm:mb-4">
-          <BidForm />
+          <BidForm props={{ alreadyPlacedBid }} />
           <ProjectDetails
             props={{
               project: getProjectDetailsFromId(projectId),