LNVPS/web
1
0
Fork 0
Code Issues Pull Requests Activity

feat: alt prices
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
kieran
2025-03-10 15:10:47 +00:00
parent 7cba506d6b
commit 57cc619b8c
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/cost.tsx
View File

@ -1,6 +1,7 @@
import { VmCostPlan } from "../api";
interface Price { currency: string, amount: number }
type Cost = Price & { interval_type?: string, other_price?: Array<Price> }
export default function CostLabel({ cost }: { cost: VmCostPlan }) {
export default function CostLabel({ cost, converted }: { cost: Cost, converted?: boolean }) {
function intervalName(n: string) {
switch (n) {
case "day":
@ -13,9 +14,15 @@ export default function CostLabel({ cost }: { cost: VmCostPlan }) {
}
return (
<>
{cost.amount.toFixed(2)} {cost.currency}/
{intervalName(cost.interval_type)}
</>
<div>
{converted && "~"}
{cost.currency !== "BTC" ? cost.amount.toFixed(2) : Math.floor(cost.amount * 1e8).toLocaleString()}
{" "}
{cost.currency === "BTC" ? "sats" : cost.currency}
{cost.interval_type && <>/{intervalName(cost.interval_type)}</>}
{cost.other_price && cost.other_price.map(a => <div key={a.currency} className="text-xs">
<CostLabel cost={a} converted={true} />
</div>)}
</div>
);
}