diff --git a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/accept-offer.tsx b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/accept-offer.tsx index 99171e62..cc8f5369 100644 --- a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/accept-offer.tsx +++ b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/accept-offer.tsx @@ -23,8 +23,7 @@ const AcceptOffer: React.FC = ({ }) => { const { account } = useAccount(); const { fulfillOffer, status } = useFulfillOffer(); - const { fulfill: fulfillAuction, status: statusAuction } = - useFulfillAuction(); + const { fulfill: fulfillAuction, status: statusAuction } = useFulfillAuction(); const handleClick = async () => { if (tokenMarketData.is_listed && tokenMarketData.listing.is_auction) { @@ -36,6 +35,7 @@ const AcceptOffer: React.FC = ({ orderHash: tokenMarketData.listing.order_hash, relatedOrderHash: offer.hash, startAmount: offer.price, + currencyAddress: env.NEXT_PUBLIC_LORDS_TOKEN_ADDRESS, }); } else { await fulfillOffer({ @@ -44,6 +44,7 @@ const AcceptOffer: React.FC = ({ tokenAddress: token.collection_address, tokenId: token.token_id, orderHash: offer.hash, + currencyAddress: env.NEXT_PUBLIC_LORDS_TOKEN_ADDRESS, }); } }; diff --git a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-actions-make-offer.tsx b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-actions-make-offer.tsx index d1ad89ef..66983077 100644 --- a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-actions-make-offer.tsx +++ b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-actions-make-offer.tsx @@ -44,12 +44,20 @@ import ToastRejectedTransactionContent from "./toast-rejected-transaction-conten import TokenActionsTokenOverview from "./token-actions-token-overview"; import LordsInput from "~/components/lords-input"; import { useTokenBalance } from "~/hooks/useTokenBalance"; +import Image from "next/image"; interface TokenActionsMakeOfferProps { token: Token; small?: boolean; } +const backgroundImageStyle = { + backgroundImage: `url(/pink_crown.gif)`, + backgroundPosition: "top", + backgroundRepeat: "repeat-y", + backgroundOpacity: 0.1, +}; + function TokenActionsMakeOffer({ token, small }: TokenActionsMakeOfferProps) { const [isOpen, setIsOpen] = useState(false); const { account } = useAccount(); @@ -182,7 +190,15 @@ function TokenActionsMakeOffer({ token, small }: TokenActionsMakeOfferProps) { >
-
+
+ profile image +
Make an offer
diff --git a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-actions.tsx b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-actions.tsx index bfba1afc..d048b70b 100644 --- a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-actions.tsx +++ b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-actions.tsx @@ -40,6 +40,7 @@ export default function TokenActions({ const isOwner = areAddressesEqual(address, data?.owner); + if (!data || (!data.has_offer && !data.is_listed)) { return ; } diff --git a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/tokens-actions-buy-now.tsx b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/tokens-actions-buy-now.tsx index d5ce14e1..8b62b938 100644 --- a/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/tokens-actions-buy-now.tsx +++ b/apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/tokens-actions-buy-now.tsx @@ -53,7 +53,7 @@ export default function TokenActionsBuyNow({ tokenId: token.token_id, orderHash: tokenMarketData.listing.order_hash, startAmount: tokenMarketData.listing.start_amount, - currencyAddress: tokenMarketData.listing.currency_address, + currencyAddress: env.NEXT_PUBLIC_LORDS_TOKEN_ADDRESS, }); }; diff --git a/apps/arkmarket/src/components/connect-wallet-dialog.tsx b/apps/arkmarket/src/components/connect-wallet-dialog.tsx index 29954550..140fd84b 100644 --- a/apps/arkmarket/src/components/connect-wallet-dialog.tsx +++ b/apps/arkmarket/src/components/connect-wallet-dialog.tsx @@ -15,6 +15,7 @@ import { import { Separator } from "@ark-market/ui/separator"; import { useConnectWalletStore } from "~/app/stores/connect-wallet"; +import Image from "next/image"; const walletIdToName = new Map([ ["argentX", "Argent X"], @@ -23,6 +24,13 @@ const walletIdToName = new Map([ ["argentMobile", "Argent mobile"], ]); +const backgroundImageStyle = { + backgroundImage: `url(/pink_crown.gif)`, + backgroundPosition: "top", + backgroundRepeat: "repeat-y", + backgroundOpacity: 0.1, +}; + export default function ConnectWalletDialog() { const { isOpen, setIsOpen } = useConnectWalletStore(); const { connectors, connectAsync } = useConnect(); @@ -61,7 +69,15 @@ export default function ConnectWalletDialog() { -
+
+ profile image +
Connect to Realms.World Market