feat: add options column on Domain table

This commit is contained in:
Maël Gangloff
2025-01-01 02:42:51 +01:00
parent e9c43b3b79
commit bc9bef36bd
8 changed files with 131 additions and 91 deletions

View File

@@ -10,7 +10,8 @@ import {regionNames} from '../../i18n'
import {getCountryCode} from '../../utils/functions/getCountryCode'
import {DomainLifecycleSteps} from './DomainLifecycleSteps'
import {BankOutlined, KeyOutlined, SafetyCertificateOutlined} from '@ant-design/icons'
import {statusToTag} from '../tracking/StatusToTag'
import {statusToTag} from '../../utils/functions/StatusToTag'
import {isDomainLocked} from "../../utils/functions/isDomainLocked"
export function DomainResult({domain}: { domain: Domain }) {
const {tld, events} = domain
@@ -18,10 +19,6 @@ export function DomainResult({domain}: { domain: Domain }) {
const clientStatus = domain.status.filter(s => s.startsWith('client'))
const serverStatus = domain.status.filter(s => !clientStatus.includes(s))
const isDomainLocked = (type: 'client' | 'server'): boolean =>
(domain.status.includes(type + ' update prohibited') && domain.status.includes(type + ' delete prohibited')) ||
domain.status.includes(type + ' transfer prohibited')
return (
<Space direction='vertical' size='middle' style={{width: '100%'}}>
@@ -60,7 +57,7 @@ export function DomainResult({domain}: { domain: Domain }) {
title={t`Registry-level protection, ensuring the highest level of security by preventing unauthorized, unwanted, or accidental changes to the domain name at the registry level`}
>
<Tag
bordered={false} color={isDomainLocked('server') ? 'green' : 'default'}
bordered={false} color={isDomainLocked(domain.status, 'server') ? 'green' : 'default'}
icon={<SafetyCertificateOutlined
style={{fontSize: '16px'}}
/>}
@@ -71,7 +68,7 @@ export function DomainResult({domain}: { domain: Domain }) {
title={t`Registrar-level protection, safeguarding the domain from unauthorized, unwanted, or accidental changes through registrar controls`}
>
<Tag
bordered={false} color={isDomainLocked('client') ? 'green' : 'default'}
bordered={false} color={isDomainLocked(domain.status, 'client') ? 'green' : 'default'}
icon={<BankOutlined
style={{fontSize: '16px'}}
/>}