@loafmarkets/ui 0.1.158 → 0.1.159
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +16 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +16 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -8509,8 +8509,13 @@ function PropertyOverview({
|
|
|
8509
8509
|
const loadingSkeleton = /* @__PURE__ */ jsx(Skeleton, { width: 90, height: 18 });
|
|
8510
8510
|
const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
|
|
8511
8511
|
const galleryImages = images ?? [];
|
|
8512
|
+
const chainValue = /* @__PURE__ */ jsxs(ChainLogos, { children: [
|
|
8513
|
+
/* @__PURE__ */ jsx(ChainLogoImg, { src: "/Base-Symbol.png", alt: "Base" }),
|
|
8514
|
+
/* @__PURE__ */ jsx(ChainLogoImg, { src: "/Ethereum-Logo.png", alt: "Ethereum", style: { filter: "brightness(0) invert(1)" } }),
|
|
8515
|
+
/* @__PURE__ */ jsx("span", { children: chain })
|
|
8516
|
+
] });
|
|
8512
8517
|
const tokenDetailsItems = [
|
|
8513
|
-
{ label: "Chain", value:
|
|
8518
|
+
{ label: "Chain", value: chainValue },
|
|
8514
8519
|
{ label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://basescan.org/address/${contractAddress}` : void 0 },
|
|
8515
8520
|
{ label: "Token Ticker", value: ticker ?? "\u2014" },
|
|
8516
8521
|
{ label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
|
|
@@ -8983,6 +8988,16 @@ var TokenDetailValue = styled9.span`
|
|
|
8983
8988
|
font-weight: 500;
|
|
8984
8989
|
font-family: ${(p) => p.$mono ? "'SF Mono', 'Fira Code', monospace" : "inherit"};
|
|
8985
8990
|
`;
|
|
8991
|
+
var ChainLogos = styled9.span`
|
|
8992
|
+
display: inline-flex;
|
|
8993
|
+
align-items: center;
|
|
8994
|
+
gap: 6px;
|
|
8995
|
+
`;
|
|
8996
|
+
var ChainLogoImg = styled9.img`
|
|
8997
|
+
height: 16px;
|
|
8998
|
+
width: auto;
|
|
8999
|
+
vertical-align: middle;
|
|
9000
|
+
`;
|
|
8986
9001
|
var StatsGrid = styled9.div`
|
|
8987
9002
|
display: grid;
|
|
8988
9003
|
grid-template-columns: 1fr 1fr;
|