@loafmarkets/ui 0.1.139 → 0.1.141
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 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -8297,7 +8297,8 @@ function PropertyOverview({
|
|
|
8297
8297
|
isLoading = false,
|
|
8298
8298
|
ticker,
|
|
8299
8299
|
contractAddress,
|
|
8300
|
-
chain = "Base (Ethereum L2)"
|
|
8300
|
+
chain = "Base (Ethereum L2)",
|
|
8301
|
+
percentageTokenized
|
|
8301
8302
|
}) {
|
|
8302
8303
|
const [isDescExpanded, setDescExpanded] = useState(false);
|
|
8303
8304
|
const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
|
|
@@ -8335,7 +8336,6 @@ function PropertyOverview({
|
|
|
8335
8336
|
const weeklyRent = overviewData?.weeklyRent ?? 0;
|
|
8336
8337
|
const annualRent = weeklyRent * 52;
|
|
8337
8338
|
const dividendYield = resolvedValuation && annualRent > 0 ? (annualRent / resolvedValuation * 100).toFixed(2) : null;
|
|
8338
|
-
const marketCap = tokenPriceValue && resolvedTokensIssued ? tokenPriceValue * resolvedTokensIssued : null;
|
|
8339
8339
|
const loadingSkeleton = /* @__PURE__ */ jsx(Skeleton, { width: 90, height: 18 });
|
|
8340
8340
|
const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
|
|
8341
8341
|
const galleryImages = images ?? [];
|
|
@@ -8344,17 +8344,18 @@ function PropertyOverview({
|
|
|
8344
8344
|
{ label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true },
|
|
8345
8345
|
{ label: "Token Ticker", value: ticker ?? "\u2014" },
|
|
8346
8346
|
{ label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
|
|
8347
|
+
{ label: "Percentage Tokenized", value: percentageTokenized != null ? `${percentageTokenized}%` : "\u2014" },
|
|
8347
8348
|
{ label: "Property Type", value: resolvedPropertyType ?? "\u2014" },
|
|
8348
8349
|
{ label: "Location", value: location || "\u2014" }
|
|
8349
8350
|
];
|
|
8350
8351
|
const tokenStats = [
|
|
8351
8352
|
{ label: "Token Price", value: isLoading && tokenPriceValue == null ? loadingSkeleton : tokenPriceValue ? `$${tokenPriceValue.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : "\u2014", gold: true },
|
|
8352
|
-
{ label: "
|
|
8353
|
+
{ label: "Property Value", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
|
|
8353
8354
|
{ label: "Dividend Yield", value: isLoading && dividendYield == null ? loadingSkeleton : dividendYield ? `${dividendYield}%` : "\u2014" },
|
|
8354
8355
|
{ label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" }
|
|
8355
8356
|
];
|
|
8356
8357
|
const propertyStats = [
|
|
8357
|
-
{ label: "
|
|
8358
|
+
{ label: "Offering Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
|
|
8358
8359
|
{ label: "Weekly Rent", value: isLoading && !overviewData ? loadingSkeleton : weeklyRent > 0 ? `$${weeklyRent.toLocaleString()}/wk` : "\u2014", badge: weeklyRent > 0 ? "Rented" : void 0 },
|
|
8359
8360
|
{ label: "Annual Rent", value: isLoading && !overviewData ? loadingSkeleton : annualRent > 0 ? `$${annualRent.toLocaleString()}/yr` : "\u2014" },
|
|
8360
8361
|
{ label: "Year Built", value: isLoading && !overviewData ? loadingSkeleton : overviewData?.yearBuilt ? String(overviewData.yearBuilt) : "\u2014" }
|