style(inbounds): show total up/down with directional arrows

Replace the ambiguous swap icon on the total traffic statistic with
explicit up/down arrows next to each value.
This commit is contained in:
MHSanaei
2026-06-12 19:19:42 +02:00
parent 0c73862bbe
commit 0f7da02a07
+10 -3
View File
@@ -16,7 +16,8 @@ import {
import { setMessageInstance } from '@/utils/messageBus'; import { setMessageInstance } from '@/utils/messageBus';
import { import {
SwapOutlined, ArrowUpOutlined,
ArrowDownOutlined,
PieChartOutlined, PieChartOutlined,
BarsOutlined, BarsOutlined,
} from '@ant-design/icons'; } from '@ant-design/icons';
@@ -585,8 +586,14 @@ export default function InboundsPage() {
<Col xs={12} sm={12} md={8}> <Col xs={12} sm={12} md={8}>
<Statistic <Statistic
title={t('pages.inbounds.totalDownUp')} title={t('pages.inbounds.totalDownUp')}
value={`${SizeFormatter.sizeFormat(totals.up)} / ${SizeFormatter.sizeFormat(totals.down)}`} value={0}
prefix={<SwapOutlined />} formatter={() => (
<span>
<ArrowUpOutlined /> {SizeFormatter.sizeFormat(totals.up)}
{' / '}
<ArrowDownOutlined /> {SizeFormatter.sizeFormat(totals.down)}
</span>
)}
/> />
</Col> </Col>
<Col xs={12} sm={12} md={8}> <Col xs={12} sm={12} md={8}>