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

NFT Media Rendering Components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NFTCategories = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const react_2 = require("react");
const useMediaContext_1 = require("../context/useMediaContext");
const NFTDataContext_1 = require("../context/NFTDataContext");
const InfoContainer_1 = require("./InfoContainer");
const NFTCategories = ({ className, actionCategories }) => {
    var _a;
    const { nft } = (0, react_2.useContext)(NFTDataContext_1.NFTDataContext);
    const { getStyles } = (0, useMediaContext_1.useMediaContext)();
    const nftCategories = (_a = nft === null || nft === void 0 ? void 0 : nft.attributes) === null || _a === void 0 ? void 0 : _a.filter(attribute => attribute.type === "tag");
    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: nftCategories && nftCategories.length > 0 &&
            (0, jsx_runtime_1.jsx)(InfoContainer_1.InfoContainer, { titleString: "CATEGORY", className: className, children: (0, jsx_runtime_1.jsx)("div", { ...getStyles("fullInfoCategoriesContainer"), children: nftCategories.map((category, index) => {
                        return ((0, react_1.createElement)("div", { ...getStyles("categoriesItem"), onClick: (e) => actionCategories(e, category), key: `${nft.contractNftId}${index}` },
                            (0, jsx_runtime_1.jsx)("span", { children: category.value })));
                    }) }) }) }));
};
exports.NFTCategories = NFTCategories;