feat(sms-wallet): add display for SMS price with Banknotes icon

This commit is contained in:
hamed
2026-07-02 17:12:50 +03:30
parent 7f5c65129c
commit e487f7437a
+10
View File
@@ -7,6 +7,7 @@ import { toast } from 'sonner';
import {
ArrowUpCircleIcon, ArrowDownCircleIcon, DevicePhoneMobileIcon,
ClockIcon, CheckCircleIcon, XCircleIcon, BellAlertIcon, ChatBubbleLeftEllipsisIcon,
BanknotesIcon,
} from '@heroicons/react/24/outline';
import { api } from '../lib/api';
import type { ApiResponse, PaginatedResponse } from '../lib/api';
@@ -180,6 +181,15 @@ function SmsWalletPageInner() {
<div style={{ fontSize: 12.5, color: 'var(--text-3)' }}>یادآوری قبل از نوبت</div>
</div>
</div>
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
<div style={{ width: 40, height: 40, borderRadius: 10, background: 'var(--warning-bg)', display: 'grid', placeItems: 'center', flexShrink: 0 }}>
<BanknotesIcon style={{ width: 20, color: 'var(--warning)' }} />
</div>
<div>
<div style={{ fontSize: 22, fontWeight: 700 }}>{formatRial(balance?.sms_price_rials ?? 0)}</div>
<div style={{ fontSize: 12.5, color: 'var(--text-3)' }}>قیمت هر پیامک</div>
</div>
</div>
</div>
{/* وضعیت سرویس */}