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

NFT Media Rendering Components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AddressView = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const useMediaContext_1 = require("../context/useMediaContext");
const media_urls_1 = require("../constants/media-urls");
const react_1 = require("react");
const wallet_1 = require("../utils/wallet");
const AddressView = ({ address, showChars = 6, className, }) => {
    if (!address) {
        return (0, jsx_runtime_1.jsx)(react_1.Fragment, {});
    }
    const { getStyles, style, networkId } = (0, useMediaContext_1.useMediaContext)();
    const { theme } = style;
    const username = address.name;
    if (username && theme.showUserName) { //todo or if only name without wallet, possible rename to preferUserName
        return ((0, jsx_runtime_1.jsx)("span", { children: `${username}` }));
    }
    if (!address.wallet) {
        return (0, jsx_runtime_1.jsx)(react_1.Fragment, {});
    }
    const shortedWallet = (0, wallet_1.shortWallet)(address.wallet, showChars);
    return ((0, jsx_runtime_1.jsx)("a", { ...getStyles("addressLink", className), href: `${media_urls_1.VIEW_ETHERSCAN_URL_BASE_BY_NETWORK[networkId]}address/${address.wallet}`, target: "_blank", rel: "noreferrer", children: (0, jsx_runtime_1.jsx)("span", { children: shortedWallet }) }));
};
exports.AddressView = AddressView;