humam kerdiah
4bfd8c84a9
- Implemented TemplateCheckpointEditDialog for creating and editing inspection checkpoints. - Added VendorActions component for managing vendor actions including edit, activate/deactivate, and delete. - Created VendorContext for managing vendor state across components. - Developed VendorGeneralInfo component to display detailed vendor information. - Introduced AedSymbol and Money components for consistent currency representation. - Added PromptDialog for user input prompts throughout the application. - Implemented RelationLink component for unified related-data display in CRUD tables. - Created InspectionTemplatesClient for API interactions related to inspection templates.
49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
import { AedSymbol } from "./aed-symbol"
|
||
import { cn } from "@/shared/lib/utils"
|
||
|
||
type MoneyProps = {
|
||
value?: number | string | null
|
||
/** Prepended before the symbol (e.g. "–" or "+"). */
|
||
prefix?: string
|
||
/** Hide the AED symbol — useful when the column header already conveys currency. */
|
||
hideSymbol?: boolean
|
||
/** Locale override for number grouping. */
|
||
locale?: string
|
||
/** Minimum/maximum fraction digits. Defaults to 2. */
|
||
fractionDigits?: number
|
||
/** Fallback rendered when value is null/undefined/NaN. */
|
||
fallback?: string
|
||
className?: string
|
||
}
|
||
|
||
function formatAmount(value: number | string | null | undefined, locale: string | undefined, digits: number): string | null {
|
||
if (value == null || value === "") return null
|
||
const num = typeof value === "string" ? Number(value) : value
|
||
if (Number.isNaN(num)) return null
|
||
return new Intl.NumberFormat(locale, {
|
||
minimumFractionDigits: digits,
|
||
maximumFractionDigits: digits,
|
||
}).format(num)
|
||
}
|
||
|
||
export function Money({
|
||
value,
|
||
prefix,
|
||
hideSymbol = false,
|
||
locale,
|
||
fractionDigits = 2,
|
||
fallback = "—",
|
||
className,
|
||
}: MoneyProps) {
|
||
const formatted = formatAmount(value, locale, fractionDigits)
|
||
if (formatted == null) return <span className={className}>{fallback}</span>
|
||
|
||
return (
|
||
<span className={cn("inline-flex items-center gap-[0.2em] whitespace-nowrap", className)}>
|
||
{prefix ? <span>{prefix}</span> : null}
|
||
{!hideSymbol ? <AedSymbol /> : null}
|
||
<span>{formatted}</span>
|
||
</span>
|
||
)
|
||
}
|