fix: added not for sale case

decentraland · May 22, 2023 · c6c41d3 · c6c41d3
1 parent f7bb18c
commit c6c41d3
Showing 1 changed file with 38 additions and 1 deletion.
diff --git a/webapp/src/components/AssetPage/BuyNFTBox/BuyNFTBox.tsx b/webapp/src/components/AssetPage/BuyNFTBox/BuyNFTBox.tsx
@@ -144,7 +144,44 @@ const BuyNFTBox = ({ nft, address }: Props) => {
             .
           </span>
         </div>
-      ) : null}
+      ) : (
+        nft && (
+          <div className={`${styles.containerColumn} ${styles.fullWidth}`}>
+            <div className={styles.informationContainer}>
+              <div className={styles.columnListing}>
+                <span className={styles.informationTitle}>
+                  {t('best_buying_option.minting.price').toUpperCase()}
+                </span>
+                <div className={`${styles.containerRow} ${styles.issueNumber}`}>
+                  {t('best_buying_option.buy_listing.no_offer')}
+                </div>
+              </div>
+              <div className={styles.columnListing}>
+                <span className={styles.informationTitle}>
+                  {t('best_buying_option.buy_listing.make_offer').toUpperCase()}
+                </span>
+                <div className={`${styles.containerRow} ${styles.issueNumber}`}>
+                  #{nft.issuedId}
+                </div>
+              </div>
+            </div>
+            <Button
+              href={locations.nft(nft.contractAddress, nft.tokenId)}
+              inverted
+              className={styles.makeOfferButton}
+              as={Link}
+              to={locations.bid(nft.contractAddress, nft.tokenId)}
+            >
+              <img
+                src={makeOffer}
+                alt={t('best_buying_option.buy_listing.make_offer')}
+              />
+              &nbsp;
+              {t('best_buying_option.buy_listing.make_offer')}
+            </Button>
+          </div>
+        )
+      )}
     </div>
   )
 }