feat(currency): update currency display to toman in admin panel; implement conversion functions for rial to toman and vice versa

This commit is contained in:
hamed
2026-07-03 10:31:17 +03:30
parent 34d521434f
commit 6dbbeb1c70
11 changed files with 200 additions and 58 deletions
+5 -5
View File
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { toast } from 'sonner';
import { api } from '../lib/api';
import { formatRial } from '../lib/utils';
import { formatRial, rialToToman, tomanToRial } from '../lib/utils';
interface Pricing { free_visit_price_rials: number }
@@ -17,11 +17,11 @@ export default function FreeVisitPrice() {
const pricing = (data as any)?.data as Pricing | undefined;
useEffect(() => {
if (pricing) setValue(String(pricing.free_visit_price_rials ?? 0));
if (pricing) setValue(String(rialToToman(pricing.free_visit_price_rials ?? 0)));
}, [pricing]);
const saveMut = useMutation({
mutationFn: () => api.put('/api/v1/insurance-pricing', { free_visit_price_rials: Number(value) || 0 }),
mutationFn: () => api.put('/api/v1/insurance-pricing', { free_visit_price_rials: tomanToRial(Number(value) || 0) }),
onSuccess: () => {
toast.success('قیمت ویزیت ذخیره شد');
qc.invalidateQueries({ queryKey: ['insurance-pricing'] });
@@ -37,7 +37,7 @@ export default function FreeVisitPrice() {
</p>
<div style={{ display: 'flex', alignItems: 'flex-end', gap: 10 }}>
<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>قیمت (ریال)</label>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>قیمت (تومان)</label>
<input
type="number" min={0} dir="ltr" className="input" style={{ width: 200 }}
value={value} onChange={(e) => setValue(e.target.value)}
@@ -47,7 +47,7 @@ export default function FreeVisitPrice() {
{saveMut.isPending ? '...' : 'ذخیره'}
</button>
{value !== '' && (
<span style={{ fontSize: 12, color: 'var(--text-3)', marginBottom: 8 }}>{formatRial(Number(value) || 0)}</span>
<span style={{ fontSize: 12, color: 'var(--text-3)', marginBottom: 8 }}>{formatRial(tomanToRial(Number(value) || 0))}</span>
)}
</div>
</div>
@@ -3,7 +3,7 @@ import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { PencilIcon, CheckIcon, XMarkIcon } from '@heroicons/react/24/outline';
import { toast } from 'sonner';
import { api } from '../lib/api';
import { formatRial, formatNumber } from '../lib/utils';
import { formatRial, formatNumber, rialToToman, tomanToRial } from '../lib/utils';
import Modal from './ui/Modal';
import PriceInput from './ui/PriceInput';
import SearchableSelect from './ui/SearchableSelect';
@@ -52,7 +52,7 @@ export default function ServiceTariffModal({ item, onClose }: { item: ServiceIte
}, [currentYear, tariffs]);
const addMut = useMutation({
mutationFn: () => api.put(`/api/v1/service-items/${item!.uuid}/tariffs/${Number(year)}`, { price_rials: price }),
mutationFn: () => api.put(`/api/v1/service-items/${item!.uuid}/tariffs/${Number(year)}`, { price_rials: tomanToRial(price) }),
onSuccess: () => {
toast.success('تعرفه ذخیره شد');
setYear('');
@@ -65,7 +65,7 @@ export default function ServiceTariffModal({ item, onClose }: { item: ServiceIte
const editMut = useMutation({
mutationFn: (vars: { year: number; price: number }) =>
api.put(`/api/v1/service-items/${item!.uuid}/tariffs/${vars.year}`, { price_rials: vars.price }),
api.put(`/api/v1/service-items/${item!.uuid}/tariffs/${vars.year}`, { price_rials: tomanToRial(vars.price) }),
onSuccess: () => {
toast.success('تعرفه ویرایش شد');
setEditYear(null);
@@ -75,7 +75,7 @@ export default function ServiceTariffModal({ item, onClose }: { item: ServiceIte
onError: (e: Error) => toast.error(e.message),
});
const startEdit = (t: TariffRow) => { setEditYear(t.year); setEditPrice(t.price_rials); };
const startEdit = (t: TariffRow) => { setEditYear(t.year); setEditPrice(rialToToman(t.price_rials)); };
return (
<Modal open={!!item} onClose={onClose} title={`تعرفه‌های سالانه — ${item?.name ?? ''}`} size="md">
@@ -105,7 +105,7 @@ export default function ServiceTariffModal({ item, onClose }: { item: ServiceIte
/>
</div>
<div style={{ minWidth: 0 }}>
<label className="field-label">تعرفه (ریال)</label>
<label className="field-label">تعرفه (تومان)</label>
<PriceInput className="input" style={{ height: 40 }} value={price} onChange={setPrice} placeholder="مبلغ" min={0} />
</div>
<button className="btn primary" style={{ height: 40 }} disabled={year === '' || addMut.isPending} onClick={() => addMut.mutate()}>
@@ -3,7 +3,7 @@ import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { TrashIcon, PlusIcon, PencilIcon } from '@heroicons/react/24/outline';
import { toast } from 'sonner';
import { api } from '../lib/api';
import { formatRial } from '../lib/utils';
import { formatRial, rialToToman, tomanToRial } from '../lib/utils';
import SearchableSelect from './ui/SearchableSelect';
interface Contract {
@@ -66,16 +66,16 @@ export default function TenantInsuranceContracts() {
setAddOpen(false);
setInsuranceId(String(c.insurance_id));
setCoverage(String(c.coverage_percent ?? ''));
setFranchise(String(c.franchise_rials ?? ''));
setCeiling(c.annual_ceiling_rials != null ? String(c.annual_ceiling_rials) : '');
setFranchise(c.franchise_rials != null ? String(rialToToman(c.franchise_rials)) : '');
setCeiling(c.annual_ceiling_rials != null ? String(rialToToman(c.annual_ceiling_rials)) : '');
};
const editMut = useMutation({
mutationFn: () =>
api.patch(`/api/v1/billing/tenant-insurances/${editUuid}`, {
coverage_percent: Number(coverage) || 0,
franchise_rials: Number(franchise) || 0,
annual_ceiling_rials: ceiling === '' ? null : Number(ceiling),
franchise_rials: tomanToRial(Number(franchise) || 0),
annual_ceiling_rials: ceiling === '' ? null : tomanToRial(Number(ceiling)),
}),
onSuccess: () => {
toast.success('قرارداد بیمه ویرایش شد');
@@ -90,8 +90,8 @@ export default function TenantInsuranceContracts() {
api.post('/api/v1/billing/tenant-insurances', {
insurance_id: Number(insuranceId),
coverage_percent: Number(coverage) || 0,
franchise_rials: Number(franchise) || 0,
annual_ceiling_rials: ceiling === '' ? null : Number(ceiling),
franchise_rials: tomanToRial(Number(franchise) || 0),
annual_ceiling_rials: ceiling === '' ? null : tomanToRial(Number(ceiling)),
}),
onSuccess: () => {
toast.success('قرارداد بیمه فعال شد');
@@ -145,11 +145,11 @@ export default function TenantInsuranceContracts() {
<input type="number" min={0} max={100} dir="ltr" className="input" style={{ width: 100 }} value={coverage} onChange={(e) => setCoverage(e.target.value)} />
</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>فرانشیز (ریال)</label>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>فرانشیز (تومان)</label>
<input type="number" min={0} dir="ltr" className="input" style={{ width: 130 }} value={franchise} onChange={(e) => setFranchise(e.target.value)} />
</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>سقف تعهد (ریال)</label>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>سقف تعهد (تومان)</label>
<input type="number" min={0} dir="ltr" className="input" style={{ width: 130 }} placeholder="بی‌نهایت" value={ceiling} onChange={(e) => setCeiling(e.target.value)} />
</div>
<div style={{ display: 'flex', gap: 6 }}>