= Partial<{
}>
function NFTCard({ nft }: { nft: NFT }) {
- console.log(nft)
return (
diff --git a/packages/nft/src/components/Mint.tsx b/packages/nft/src/components/Mint.tsx
index a7c4cacc5..338c7c9e0 100644
--- a/packages/nft/src/components/Mint.tsx
+++ b/packages/nft/src/components/Mint.tsx
@@ -3,7 +3,7 @@ import { ComputerContext, Modal, UtilsContext } from "@bitcoin-computer/componen
import { TBC721 } from "@bitcoin-computer/TBC721"
import { Link } from "react-router-dom"
import { Computer } from "@bitcoin-computer/lib"
-import { nftModSpec } from "../constants/modSpecs"
+import { REACT_APP_NFT_MOD_SPEC } from "../constants/modSpecs"
function SuccessContent(rev: string) {
return (
@@ -75,7 +75,7 @@ function MintForm(props: {
e.preventDefault()
try {
showLoader(true)
- const tbc721 = new TBC721(computer, nftModSpec)
+ const tbc721 = new TBC721(computer, REACT_APP_NFT_MOD_SPEC)
const nft = await tbc721.mint(name, symbol, url)
setSuccessRev(nft._id)
showLoader(false)
@@ -103,8 +103,6 @@ function MintForm(props: {
value={name}
onChange={(e) => setName(e.target.value)}
className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
- placeholder="Bitcoin Computer"
- required
/>
@@ -117,8 +115,6 @@ function MintForm(props: {
value={symbol}
onChange={(e) => setSymbol(e.target.value)}
className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
- placeholder="TBC"
- required
/>
diff --git a/packages/nft/src/components/Nft.tsx b/packages/nft/src/components/Nft.tsx
index dd06b2e22..babd6814c 100644
--- a/packages/nft/src/components/Nft.tsx
+++ b/packages/nft/src/components/Nft.tsx
@@ -10,7 +10,7 @@ import {
import { Computer } from "@bitcoin-computer/lib"
import { OfferHelper, PaymentHelper, PaymentMock, SaleHelper } from "@bitcoin-computer/swap"
import { NFT } from "@bitcoin-computer/TBC721"
-import { offerModSpec, paymentModSpec, saleModSpec } from "../constants/modSpecs"
+import { REACT_APP_OFFER_MOD_SPEC, REACT_APP_PAYMENT_MOD_SPEC, REACT_APP_SALE_MOD_SPEC } from "../constants/modSpecs"
const modalId = "smart-object-bought-modal"
@@ -23,9 +23,9 @@ const BuyNFT = async ({
nft: NFT
setFunctionResult: any
}) => {
- const offerHelper = new OfferHelper(computer, offerModSpec)
- const saleHelper = new SaleHelper(computer, saleModSpec)
- const paymentHelper = new PaymentHelper(computer, paymentModSpec)
+ const offerHelper = new OfferHelper(computer, REACT_APP_OFFER_MOD_SPEC)
+ const saleHelper = new SaleHelper(computer, REACT_APP_SALE_MOD_SPEC)
+ const paymentHelper = new PaymentHelper(computer, REACT_APP_PAYMENT_MOD_SPEC)
const saleTxn = await offerHelper.decodeOfferTx(nft.offerTxRev)
const nftAmount = await saleHelper.checkSaleTx(saleTxn)
const { tx: paymentTx } = await paymentHelper.createPaymentTx(nftAmount)
@@ -60,7 +60,7 @@ const CreateSellOffer = async ({
nft: NFT
showSnackBar: (message: string, success: boolean) => void
}) => {
- const offerHelper = new OfferHelper(computer, offerModSpec)
+ const offerHelper = new OfferHelper(computer, REACT_APP_OFFER_MOD_SPEC)
const { tx: offerTx } = await offerHelper.createOfferTx(
computer.getPublicKey(),
computer.getUrl()
@@ -68,7 +68,7 @@ const CreateSellOffer = async ({
const offerTxId = await computer.broadcast(offerTx)
await nft.list(offerTxId)
- const saleHelper = new SaleHelper(computer, saleModSpec)
+ const saleHelper = new SaleHelper(computer, REACT_APP_SALE_MOD_SPEC)
const parsedAmount = Number(amount) * 1e8
if (!parsedAmount) {
showSnackBar("Please provide a valid amount.", false)
@@ -175,8 +175,8 @@ const ShowSaleOfferComponent = ({ computer, nft }: { computer: Computer; nft: NF
const fetch = async () => {
try {
showLoader(true)
- const offerHelper = new OfferHelper(computer, offerModSpec)
- const saleHelper = new SaleHelper(computer, saleModSpec)
+ const offerHelper = new OfferHelper(computer, REACT_APP_OFFER_MOD_SPEC)
+ const saleHelper = new SaleHelper(computer, REACT_APP_SALE_MOD_SPEC)
const saleTxn = await offerHelper.decodeOfferTx(nft.offerTxRev)
const amount = await saleHelper.checkSaleTx(saleTxn)
setNftAmount(amount)
@@ -314,7 +314,6 @@ function NftView() {
try {
showLoader(true)
const synced = await computer.sync(rev)
- console.log({ synced })
setSmartObject(synced)
showLoader(false)
} catch (error) {
diff --git a/packages/nft/src/constants/modSpecs.ts b/packages/nft/src/constants/modSpecs.ts
index 06afb1168..e169d6726 100644
--- a/packages/nft/src/constants/modSpecs.ts
+++ b/packages/nft/src/constants/modSpecs.ts
@@ -1,12 +1,2 @@
-export const nftModSpec = process.env.REACT_APP_NFT_MOD_SPEC
- ? process.env.REACT_APP_NFT_MOD_SPEC
- : ""
-export const offerModSpec = process.env.REACT_APP_OFFER_MOD_SPEC
- ? process.env.REACT_APP_OFFER_MOD_SPEC
- : ""
-export const saleModSpec = process.env.REACT_APP_SALE_MOD_SPEC
- ? process.env.REACT_APP_SALE_MOD_SPEC
- : ""
-export const paymentModSpec = process.env.REACT_APP_PAYMENT_MOD_SPEC
- ? process.env.REACT_APP_PAYMENT_MOD_SPEC
- : ""
+const { REACT_APP_NFT_MOD_SPEC, REACT_APP_OFFER_MOD_SPEC, REACT_APP_SALE_MOD_SPEC, REACT_APP_PAYMENT_MOD_SPEC } = process.env
+export { REACT_APP_NFT_MOD_SPEC, REACT_APP_OFFER_MOD_SPEC, REACT_APP_SALE_MOD_SPEC, REACT_APP_PAYMENT_MOD_SPEC }