@cross-nft-marketplace/auction-house-nft-components
Version:
NFT Media Rendering Components
33 lines (32 loc) • 2.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.NFTFullPage = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const useMediaContext_1 = require("../context/useMediaContext");
const ProofAuthenticity_1 = require("./ProofAuthenticity");
const MediaFull_1 = require("./MediaFull");
const AuctionInfo_1 = require("./AuctionInfo");
const BidHistory_1 = require("./BidHistory");
const MediaInfo_1 = require("./MediaInfo");
const NFTProperties_1 = require("./NFTProperties");
const NFTDataProvider_1 = require("../context/NFTDataProvider");
const useA11yIdPrefix_1 = require("../utils/useA11yIdPrefix");
const NftCategories_1 = require("./NftCategories");
const NftArtists_1 = require("./NftArtists");
const configDefault = {
actionArtists: () => { },
actionCategories: () => { },
};
const NFTFullPage = ({ children, config = configDefault, className, ...wrapperProps }) => {
const a11yIdPrefix = (0, useA11yIdPrefix_1.useA11yIdPrefix)("media");
const { getStyles } = (0, useMediaContext_1.useMediaContext)();
const configMerge = { ...configDefault, ...config };
const getChildren = () => {
if (children) {
return children;
}
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MediaFull_1.MediaFull, { a11yIdPrefix: a11yIdPrefix }), (0, jsx_runtime_1.jsxs)("div", { ...getStyles("fullPageDataGrid"), children: [(0, jsx_runtime_1.jsx)(MediaInfo_1.MediaInfo, { a11yIdPrefix: a11yIdPrefix }), (0, jsx_runtime_1.jsx)(NftArtists_1.NFTArtists, { actionArtists: configMerge.actionArtists }), (0, jsx_runtime_1.jsx)(NFTProperties_1.NFTProperties, {}), (0, jsx_runtime_1.jsx)(NftCategories_1.NFTCategories, { actionCategories: configMerge.actionCategories }), (0, jsx_runtime_1.jsx)(ProofAuthenticity_1.ProofAuthenticity, {}), (0, jsx_runtime_1.jsx)(AuctionInfo_1.AuctionInfo, {}), (0, jsx_runtime_1.jsx)(BidHistory_1.BidHistory, {})] })] }));
};
return ((0, jsx_runtime_1.jsx)(NFTDataProvider_1.NFTDataProvider, { ...wrapperProps, children: (0, jsx_runtime_1.jsx)("div", { ...getStyles("fullPage", className), children: getChildren() }) }));
};
exports.NFTFullPage = NFTFullPage;