Acciones del Marketplace

Los hooks de acción son esenciales para interactuar con el Marketplace en su aplicación. Son útiles para crear listados, hacer ofertas y realizar acciones de compra y venta.

​

useCreateListingModal

El hook useCreateListingModal se utiliza para listar un artículo en un listado en el Marketplace. Proporciona la funcionalidad necesaria para crear y gestionar un nuevo listado.

import { useCreateListingModal } from "@0xsequence/marketplace-sdk/react";

## Into your React component:

const { show: showListModal } = useCreateListingModal({ onError });

const onClickList = () => {
	showListModal({
		collectionAddress,
		chainId,
		collectibleId,
		orderbookKind,
	});
};

return <button onClick={onClickList}>List</button>

useCreateListingModal

* params

Mostrar atributos secundarios

interface useCreateListingModal {
	onSuccess?: ({ hash, orderId }: {
	hash?: Hash; 
		orderId?: string; 
	}) => void;
	onError?: (error: Error) => void;
}

* return properties

Mostrar atributos secundarios

show · (args: ShowCreateListingModalArgs) => void

interface ShowCreateListingModalArgs {
	collectionAddress: Hex;
	chainId: string;
	collectibleId: string;
	orderbookKind?: OrderbookKind;
	callbacks?: ModalCallbacks;
}

close · () => void

​

useBuyModal

El hook useBuyModal permite a los usuarios comprar un NFT que está listado en el Marketplace. Se encarga del proceso de compra y la ejecución de la transacción.

import { useBuyModal } from "@0xsequence/marketplace-sdk/react";

## Into your React component:

const { show: showBuyModal } = useBuyModal({
	onSuccess(hash) {
		console.log("Buy transaction sent with hash: ", hash);
	},
	onError,
});

const onClickBuy = () => {
	showBuyModal({
		chainId,
		collectionAddress,
		tokenId,
		order,
	});
};

return <button onClick={onClickBuy}>Buy</button>

useBuyModal

* params

Mostrar atributos secundarios

interface useBuyModal {
	onSuccess?: ({ hash, orderId }: {
			hash?: Hash;
			orderId?: string;
	}) => void;
	onError?: (error: Error) => void;
}

* return properties

Mostrar atributos secundarios

show · (args: ShowBuyModalArgs) => void

interface ShowBuyModalArgs {
	chainId: string;
	collectionAddress: Hex;
	tokenId: string;
	order: Order;
}

close · () => void

​

useMakeOfferModal

El hook useMakeOfferModal permite a los usuarios hacer una oferta por un NFT. Facilita la creación y el envío de ofertas dentro del Marketplace.

import { useMakeOfferModal } from "@0xsequence/marketplace-sdk/react";

## Into your React component:

const { show: showOfferModal } = useMakeOfferModal({
	onError,
});

const onClickOffer = () => {
	showOfferModal({
		collectionAddress,
		chainId,
		collectibleId,
		orderbookKind,
	});
};

return <button onClick={onClickOffer}>Make Offer</button>

useMakeOfferModal

* params

Mostrar atributos secundarios

interface useMakeOfferModal {
	onSuccess?: ({ hash, orderId }: {
			hash?: Hash;
			orderId?: string;
	}) => void;
	onError?: (error: Error) => void;
}

* return properties

Mostrar atributos secundarios

show · (args: ShowMakeOfferModalArgs) => void

interface ShowMakeOfferModalArgs {
	collectionAddress: Hex;
	chainId: string;
	collectibleId: string;
	orderbookKind?: OrderbookKind;
	callbacks?: ModalCallbacks;
}

close · () => void

​

useSellModal

El hook useSellModal se utiliza para vender un NFT aceptando una oferta existente. Proporciona la funcionalidad necesaria para completar el proceso de venta.

import { useSellModal } from "@0xsequence/marketplace-sdk/react";

## Into your React component:

const { show: showSellModal } = useSellModal({ onError });

const onAcceptOffer = () => {
	showSellModal({
		collectionAddress,
		chainId,
		tokenId,
		order,
	});
};

return <button onClick={onAcceptOffer}>Accept Offer</button>

useSellModal

* params

Mostrar atributos secundarios

interface useSellModal {
	onSuccess?: ({ hash, orderId }: {
		hash?: Hash;
		orderId?: string;
	}) => void;
	onError?: (error: Error) => void;
}

* return properties

Mostrar atributos secundarios

show · (args: ShowSellModalArgs) => void

interface ShowSellModalArgs {
	collectionAddress: Hex;
	chainId: string;
	tokenId: string;
	order: Order;
	callbacks?: ModalCallbacks;
}

close · () => void