From 5949de6fd4f8545716a6c035869b84d68ec3ec55 Mon Sep 17 00:00:00 2001
From: adamjeffries <896669+adamjeffries@users.noreply.github.com>
Date: Mon, 30 Aug 2021 13:39:47 -0500
Subject: [PATCH] AuctionCard Instant Sale first pass

---
 .../web/src/components/AuctionCard/index.tsx  | 101 +++++++++++++-----
 1 file changed, 77 insertions(+), 24 deletions(-)

diff --git a/js/packages/web/src/components/AuctionCard/index.tsx b/js/packages/web/src/components/AuctionCard/index.tsx
index 52671dc..286a27e 100644
--- a/js/packages/web/src/components/AuctionCard/index.tsx
+++ b/js/packages/web/src/components/AuctionCard/index.tsx
@@ -373,7 +373,13 @@ export const AuctionCard = ({
               onClick={() => setShowBidModal(true)}
               style={{ marginTop: 20 }}
             >
-              {loading ? <Spin /> : 'Place bid'}
+              {loading ? (
+                <Spin />
+              ) : auctionView.isInstantSale ? (
+                'Buy Now'
+              ) : (
+                'Place bid'
+              )}
             </Button>
           ))}
 
@@ -480,9 +486,51 @@ export const AuctionCard = ({
                 }
               };
 
+              const instantSale = async () => {
+                setLoading(true);
+
+                // Placing a "bid" of the full amount results in a purchase to redeem.
+                if (
+                  myPayingAccount &&
+                  auctionView.auctionDataExtended?.info.instantSalePrice
+                ) {
+                  await sendPlaceBid(
+                    connection,
+                    wallet,
+                    myPayingAccount.pubkey,
+                    auctionView,
+                    accountByMint,
+                    auctionView.auctionDataExtended?.info.instantSalePrice,
+                  );
+                  setShowBidModal(false);
+
+                  // Redeem the purchase immediately.
+                  try {
+                    await sendRedeemBid(
+                      connection,
+                      wallet,
+                      myPayingAccount.pubkey,
+                      auctionView,
+                      accountByMint,
+                      prizeTrackingTickets,
+                      bidRedemptions,
+                      bids,
+                      // TODO: Replace with instant sale dialog
+                    ).then(() => setShowRedeemedBidModal(true));
+                  } catch (e) {
+                    console.error(e);
+                    setShowRedemptionIssue(true);
+                  }
+                }
+
+                setLoading(false);
+              };
+
               return (
                 <>
-                  <h2 className="modal-title">Place a bid</h2>
+                  <h2 className="modal-title">
+                    {auctionView.isInstantSale ? 'Instant Sale' : 'Place a bid'}
+                  </h2>
                   {!!gapTime && (
                     <div
                       className="info-content"
@@ -527,24 +575,26 @@ export const AuctionCard = ({
                       color: 'rgba(0, 0, 0, 0.5)',
                     }}
                   >
-                    <InputNumber
-                      autoFocus
-                      className="input"
-                      value={value}
-                      style={{
-                        width: '100%',
-                        background: '#393939',
-                        borderRadius: 16,
-                      }}
-                      onChange={setValue}
-                      precision={4}
-                      formatter={value =>
-                        value
-                          ? `◎ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
-                          : ''
-                      }
-                      placeholder="Amount in SOL"
-                    />
+                    {!auctionView.isInstantSale && (
+                      <InputNumber
+                        autoFocus
+                        className="input"
+                        value={value}
+                        style={{
+                          width: '100%',
+                          background: '#393939',
+                          borderRadius: 16,
+                        }}
+                        onChange={setValue}
+                        precision={4}
+                        formatter={value =>
+                          value
+                            ? `◎ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+                            : ''
+                        }
+                        placeholder="Amount in SOL"
+                      />
+                    )}
                     <div
                       style={{
                         display: 'inline-block',
@@ -572,21 +622,24 @@ export const AuctionCard = ({
                     type="primary"
                     size="large"
                     className="action-btn"
-                    onClick={placeBid}
+                    onClick={auctionView.isInstantSale ? instantSale : placeBid}
                     disabled={
                       tickSizeInvalid ||
                       gapBidInvalid ||
                       !myPayingAccount ||
-                      value === undefined ||
-                      value * LAMPORTS_PER_SOL < priceFloor ||
+                      (!auctionView.isInstantSale &&
+                        (value === undefined ||
+                          value * LAMPORTS_PER_SOL < priceFloor)) ||
                       loading ||
                       !accountByMint.get(QUOTE_MINT.toBase58())
                     }
                   >
                     {loading || !accountByMint.get(QUOTE_MINT.toBase58()) ? (
                       <Spin />
+                    ) : auctionView.isInstantSale ? (
+                      'Confirm Purchase'
                     ) : (
-                      'Place bid'
+                      'Place Bid'
                     )}
                   </Button>
                 </>