@cross-nft-marketplace/auction-house-nft-components/dist/auction-house/AuctionHouseList.js

NFT Media Rendering Components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AuctionHouseList = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const auction_house_nft_hooks_1 = require("@cross-nft-marketplace/auction-house-nft-hooks");
const useMediaContext_1 = require("../context/useMediaContext");
const NFTPreview_1 = require("../nft-preview/NFTPreview");
const AuctionHouseList = ({ onClick, filterOptions, options, }) => {
    let { data, loading, error } = (0, auction_house_nft_hooks_1.useAuctions)(filterOptions, options);
    const { getStyles } = (0, useMediaContext_1.useMediaContext)();
    if (loading || error) {
        return (0, jsx_runtime_1.jsx)("span", { children: "..." });
    }
    return ((0, jsx_runtime_1.jsx)("div", { ...getStyles("auctionHouseList"), children: data &&
            data.map((auction) => ((0, jsx_runtime_1.jsx)(NFTPreview_1.NFTPreview, { auctionId: auction.auctionId, onClick: onClick ? (evt) => onClick(evt, auction) : undefined }, auction.auctionId))) }));
};
exports.AuctionHouseList = AuctionHouseList;