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

NFT Media Rendering Components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MediaFull = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const NFTDataContext_1 = require("../context/NFTDataContext");
const MediaObject_1 = require("../components/MediaObject");
const useMediaContext_1 = require("../context/useMediaContext");
const MediaFull = ({ a11yIdPrefix, className, }) => {
    const { getStyles } = (0, useMediaContext_1.useMediaContext)();
    const { nft, error } = (0, react_1.useContext)(NFTDataContext_1.NFTDataContext);
    const getContent = () => {
        if (nft && nft.medias) {
            return ((0, jsx_runtime_1.jsx)(MediaObject_1.MediaObject, { isFullPage: true, a11yIdPrefix: a11yIdPrefix, medias: nft.medias }));
        }
        if (error) {
            return (0, jsx_runtime_1.jsx)("div", { ...getStyles("mediaLoader"), children: "error fetching..." }); //todo
        }
        return (0, jsx_runtime_1.jsx)("div", { ...getStyles("mediaLoader"), children: "Loading..." });
    };
    const media = getContent();
    return (0, jsx_runtime_1.jsx)("div", { ...getStyles("fullMediaWrapper", className), children: media });
};
exports.MediaFull = MediaFull;