Add duplicate bid warning

nascentxyz · Jan 7, 2022 · 1a4fc8a · 1a4fc8a
1 parent 5caa747
commit 1a4fc8a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git 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
@@ -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),