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

feat: add small dot. Fixes #76

Browse Source
This commit is contained in:
Maël Gangloff
2025-04-02 18:36:35 +02:00
parent 49947891f7
commit ed366b1a05
4 changed files with 40 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
assets/utils/functions/DomainToTag.tsx
View File

@@ -1,29 +1,38 @@
import {Tag} from 'antd'
import {Badge, Tag} from 'antd'
import {DeleteOutlined, ExclamationCircleOutlined} from '@ant-design/icons'
import punycode from 'punycode/punycode'
import {Link} from 'react-router-dom'
import React from 'react'
import type {Event} from "../api"
import {t} from "ttag"
export function DomainToTag({domain}: { domain: { ldhName: string, deleted: boolean, status: string[], events: Event[] } }) {
const lastChangedEvent = domain.events.find(e => e.action === 'last changed' && !e.deleted)
export function DomainToTag({domain}: { domain: { ldhName: string, deleted: boolean, status: string[] } }) {
return (
<Link to={'/search/domain/' + domain.ldhName}>
<Tag
color={
domain.deleted
? 'magenta'
: domain.status.includes('redemption period')
? 'yellow'
: domain.status.includes('pending delete') ? 'volcano' : 'default'
}
icon={
domain.deleted
? <DeleteOutlined/>
: domain.status.includes('redemption period')
? <ExclamationCircleOutlined/>
: domain.status.includes('pending delete') ? <DeleteOutlined/> : null
}
>{punycode.toUnicode(domain.ldhName)}
</Tag>
<Badge dot={
lastChangedEvent !== undefined &&
(new Date().getTime() - new Date(lastChangedEvent.date).getTime()) < 7*24*60*60*1e3
} color='blue' title={t`The domain name was updated less than a week ago.`}>
<Tag
color={
domain.deleted
? 'magenta'
: domain.status.includes('redemption period')
? 'yellow'
: domain.status.includes('pending delete') ? 'volcano' : 'default'
}
icon={
domain.deleted
? <DeleteOutlined/>
: domain.status.includes('redemption period')
? <ExclamationCircleOutlined/>
: domain.status.includes('pending delete') ? <DeleteOutlined/> : null
}
>{punycode.toUnicode(domain.ldhName)}
</Tag>
</Badge>
</Link>
)
}