feat(sms-wallet): add display for SMS price with Banknotes icon
This commit is contained in:
@@ -7,6 +7,7 @@ import { toast } from 'sonner';
|
|||||||
import {
|
import {
|
||||||
ArrowUpCircleIcon, ArrowDownCircleIcon, DevicePhoneMobileIcon,
|
ArrowUpCircleIcon, ArrowDownCircleIcon, DevicePhoneMobileIcon,
|
||||||
ClockIcon, CheckCircleIcon, XCircleIcon, BellAlertIcon, ChatBubbleLeftEllipsisIcon,
|
ClockIcon, CheckCircleIcon, XCircleIcon, BellAlertIcon, ChatBubbleLeftEllipsisIcon,
|
||||||
|
BanknotesIcon,
|
||||||
} from '@heroicons/react/24/outline';
|
} from '@heroicons/react/24/outline';
|
||||||
import { api } from '../lib/api';
|
import { api } from '../lib/api';
|
||||||
import type { ApiResponse, PaginatedResponse } 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 style={{ fontSize: 12.5, color: 'var(--text-3)' }}>یادآوری قبل از نوبت</div>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
{/* وضعیت سرویس */}
|
{/* وضعیت سرویس */}
|
||||||
|
|||||||
Reference in New Issue
Block a user