@loafmarkets/ui 0.1.142 → 0.1.143
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 +6 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -9
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8362,6 +8362,9 @@ function PropertyOverview({
|
|
|
8362
8362
|
const weeklyRent = overviewData?.weeklyRent ?? 0;
|
|
8363
8363
|
const annualRent = weeklyRent * 52;
|
|
8364
8364
|
const dividendYield = resolvedValuation && annualRent > 0 ? (annualRent / resolvedValuation * 100).toFixed(2) : null;
|
|
8365
|
+
const monthlyCoupon = annualRent / 12;
|
|
8366
|
+
const tokenMarketCap = tokenPriceValue && resolvedTokensIssued ? tokenPriceValue * resolvedTokensIssued : null;
|
|
8367
|
+
const currentDividendYield = tokenMarketCap && monthlyCoupon > 0 ? (monthlyCoupon * 12 / tokenMarketCap * 100).toFixed(2) : null;
|
|
8365
8368
|
const loadingSkeleton = /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 90, height: 18 });
|
|
8366
8369
|
const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
|
|
8367
8370
|
const galleryImages = images ?? [];
|
|
@@ -8382,7 +8385,7 @@ function PropertyOverview({
|
|
|
8382
8385
|
];
|
|
8383
8386
|
const propertyStats = [
|
|
8384
8387
|
{ label: "Offering Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
|
|
8385
|
-
{ label: "
|
|
8388
|
+
{ label: "Current Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" },
|
|
8386
8389
|
{ label: "Annual Rent", value: isLoading && !overviewData ? loadingSkeleton : annualRent > 0 ? `$${annualRent.toLocaleString()}/yr` : "\u2014" },
|
|
8387
8390
|
{ label: "Year Built", value: isLoading && !overviewData ? loadingSkeleton : overviewData?.yearBuilt ? String(overviewData.yearBuilt) : "\u2014" }
|
|
8388
8391
|
];
|
|
@@ -8422,13 +8425,7 @@ function PropertyOverview({
|
|
|
8422
8425
|
/* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
|
|
8423
8426
|
/* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Property Fundamentals" }),
|
|
8424
8427
|
propertyStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
|
|
8425
|
-
/* @__PURE__ */ jsxRuntime.
|
|
8426
|
-
item.label,
|
|
8427
|
-
item.badge && /* @__PURE__ */ jsxRuntime.jsxs(StatBadge, { children: [
|
|
8428
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#4CAF50", display: "inline-block" } }),
|
|
8429
|
-
item.badge
|
|
8430
|
-
] })
|
|
8431
|
-
] }),
|
|
8428
|
+
/* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: item.label }),
|
|
8432
8429
|
/* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: item.value })
|
|
8433
8430
|
] }, item.label))
|
|
8434
8431
|
] })
|
|
@@ -8670,7 +8667,7 @@ var StatLabel = styled19__default.default.span`
|
|
|
8670
8667
|
align-items: center;
|
|
8671
8668
|
gap: 0.5rem;
|
|
8672
8669
|
`;
|
|
8673
|
-
|
|
8670
|
+
styled19__default.default.span`
|
|
8674
8671
|
font-size: 0.6rem;
|
|
8675
8672
|
color: #4CAF50;
|
|
8676
8673
|
display: inline-flex;
|