External/domain-watchdog
1
0
Fork 0
mirror of https://github.com/maelgangloff/domain-watchdog.git synced 2025-12-29 16:15:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: TLD statistics wrapping

Browse Source
This commit is contained in:
vinceh121
2025-10-31 23:39:08 +01:00
parent ec47a7a30f
commit 44277931a8
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/pages/StatisticsPage.tsx
View File

@@ -1,7 +1,7 @@
import React, {useEffect, useState} from 'react' import React, {useEffect, useState} from 'react'
import type { Statistics} from '../utils/api' import type { Statistics} from '../utils/api'
import {getStatistics} from '../utils/api' import {getStatistics} from '../utils/api'
import {Card, Col, Divider, Row, Statistic, Tooltip} from 'antd' import {Card, Col, Divider, Flex, Row, Statistic, Tooltip} from 'antd'
import {t} from 'ttag' import {t} from 'ttag'
import { import {
AimOutlined, AimOutlined,
@@ -104,20 +104,19 @@ export default function StatisticsPage() {
</Col> </Col>
</Row> </Row>
<Divider/> <Divider/>
<Row gutter={16} justify='center' align='middle'> <Flex gap={16} wrap justify='center' align='middle'>
{stats?.domainCount {stats?.domainCount
.sort((a, b) => b.domain - a.domain) .sort((a, b) => b.domain - a.domain)
.map(({domain, tld}) => <Col key={tld} span={4}> .map(({domain, tld}) =>
<Card bordered={false}> <Card key={tld} bordered={false}>
<Statistic <Statistic
loading={stats === undefined} loading={stats === undefined}
title={tld ? tld : t`TLD`} title={tld ? tld : t`TLD`}
value={domain} value={domain}
valueStyle={{color: 'darkorange'}} valueStyle={{color: 'darkorange'}}
/> />
</Card> </Card>)}
</Col>)} </Flex>
</Row>
</> </>
) )
} }