@loafmarkets/ui 0.1.140 → 0.1.142
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.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -754,8 +754,9 @@ type PropertyOverviewProps = {
|
|
|
754
754
|
ticker?: string;
|
|
755
755
|
contractAddress?: string;
|
|
756
756
|
chain?: string;
|
|
757
|
+
percentageTokenized?: number | null;
|
|
757
758
|
};
|
|
758
|
-
declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
|
|
759
|
+
declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, percentageTokenized, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
|
|
759
760
|
|
|
760
761
|
type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
|
|
761
762
|
type PropertyOffer = {
|
package/dist/index.d.ts
CHANGED
|
@@ -754,8 +754,9 @@ type PropertyOverviewProps = {
|
|
|
754
754
|
ticker?: string;
|
|
755
755
|
contractAddress?: string;
|
|
756
756
|
chain?: string;
|
|
757
|
+
percentageTokenized?: number | null;
|
|
757
758
|
};
|
|
758
|
-
declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
|
|
759
|
+
declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, percentageTokenized, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
|
|
759
760
|
|
|
760
761
|
type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
|
|
761
762
|
type PropertyOffer = {
|
package/dist/index.js
CHANGED
|
@@ -8323,7 +8323,8 @@ function PropertyOverview({
|
|
|
8323
8323
|
isLoading = false,
|
|
8324
8324
|
ticker,
|
|
8325
8325
|
contractAddress,
|
|
8326
|
-
chain = "Base (Ethereum L2)"
|
|
8326
|
+
chain = "Base (Ethereum L2)",
|
|
8327
|
+
percentageTokenized
|
|
8327
8328
|
}) {
|
|
8328
8329
|
const [isDescExpanded, setDescExpanded] = React5.useState(false);
|
|
8329
8330
|
const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
|
|
@@ -8366,9 +8367,10 @@ function PropertyOverview({
|
|
|
8366
8367
|
const galleryImages = images ?? [];
|
|
8367
8368
|
const tokenDetailsItems = [
|
|
8368
8369
|
{ label: "Chain", value: chain },
|
|
8369
|
-
{ label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true },
|
|
8370
|
+
{ label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://basescan.org/address/${contractAddress}` : void 0 },
|
|
8370
8371
|
{ label: "Token Ticker", value: ticker ?? "\u2014" },
|
|
8371
8372
|
{ label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
|
|
8373
|
+
{ label: "Percentage Tokenized", value: percentageTokenized != null ? `${percentageTokenized}%` : "\u2014" },
|
|
8372
8374
|
{ label: "Property Type", value: resolvedPropertyType ?? "\u2014" },
|
|
8373
8375
|
{ label: "Location", value: location || "\u2014" }
|
|
8374
8376
|
];
|
|
@@ -8402,7 +8404,7 @@ function PropertyOverview({
|
|
|
8402
8404
|
/* @__PURE__ */ jsxRuntime.jsx(TokenDetailsTitle, { children: "Token Details" }),
|
|
8403
8405
|
tokenDetailsItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(TokenDetailRow, { children: [
|
|
8404
8406
|
/* @__PURE__ */ jsxRuntime.jsx(TokenDetailLabel, { children: item.label }),
|
|
8405
|
-
/* @__PURE__ */ jsxRuntime.jsx(TokenDetailValue, { $mono: !!item.mono, children: item.value })
|
|
8407
|
+
/* @__PURE__ */ jsxRuntime.jsx(TokenDetailValue, { $mono: !!item.mono, children: item.link ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", style: { color: "#3380FF", textDecoration: "none" }, children: item.value }) : item.value })
|
|
8406
8408
|
] }, item.label))
|
|
8407
8409
|
] })
|
|
8408
8410
|
] })
|