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

NFT Media Rendering Components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MediaInfo = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const NFTDataContext_1 = require("../context/NFTDataContext");
const useMediaContext_1 = require("../context/useMediaContext");
const MediaInfo = ({ a11yIdPrefix, className }) => {
    const { getStyles } = (0, useMediaContext_1.useMediaContext)();
    const { nft, error } = (0, react_1.useContext)(NFTDataContext_1.NFTDataContext);
    const getContent = () => {
        if (nft) {
            return {
                title: nft.name || ((nft.contract.name || '') + " #" + nft.contractNftId),
                description: nft.description,
            };
        }
        if (error) {
            return {
                title: "?",
                description: "?",
            };
        }
        return {
            title: "...",
            description: "...",
        };
    };
    const { title, description } = getContent();
    return ((0, jsx_runtime_1.jsxs)("div", { ...getStyles("fullItemInfo", className), children: [(0, jsx_runtime_1.jsx)("h2", { ...getStyles("fullTitle"), children: title }), (0, jsx_runtime_1.jsx)("div", { id: `${a11yIdPrefix}description`, ...getStyles("fullDescription"), children: description })] }));
};
exports.MediaInfo = MediaInfo;