fix: various missing component array keys

This commit is contained in:
vinceh121
2025-11-01 01:00:04 +01:00
parent f2a6f9108c
commit e96358b9ca
3 changed files with 10 additions and 6 deletions

View File

@@ -22,16 +22,16 @@ export function ConnectorsList({connectors, onDelete}: { connectors: ConnectorEl
<> <>
<Divider/> <Divider/>
{connectors.map(connector => { {connectors.map(connector => {
const createdAt = <Typography.Text strong> const createdAt = <Typography.Text strong key={"createdAt"}>
{new Date(connector.createdAt).toLocaleString()} {new Date(connector.createdAt).toLocaleString()}
</Typography.Text> </Typography.Text>
const {watchlistCount} = connector const {watchlistCount} = connector
const connectorName = Object.keys(ConnectorProvider).find(p => ConnectorProvider[p as keyof typeof ConnectorProvider] === connector.provider) const connectorName = Object.keys(ConnectorProvider).find(p => ConnectorProvider[p as keyof typeof ConnectorProvider] === connector.provider)
return <> return <Card
{contextHolder} hoverable
<Card key={connector.id}
hoverable title={<Space> title={<Space>
{t`Connector ${connectorName}`}<Typography.Text code>{connector.id}</Typography.Text> {t`Connector ${connectorName}`}<Typography.Text code>{connector.id}</Typography.Text>
</Space>} </Space>}
size='small' size='small'
@@ -45,6 +45,7 @@ export function ConnectorsList({connectors, onDelete}: { connectors: ConnectorEl
><DeleteFilled style={{color: token.colorError}}/> ><DeleteFilled style={{color: token.colorError}}/>
</Popconfirm>} </Popconfirm>}
> >
{contextHolder}
<Typography.Paragraph>{jt`Creation date: ${createdAt}`}</Typography.Paragraph> <Typography.Paragraph>{jt`Creation date: ${createdAt}`}</Typography.Paragraph>
<Typography.Paragraph>{t`Used in: ${watchlistCount} Watchlist`}</Typography.Paragraph> <Typography.Paragraph>{t`Used in: ${watchlistCount} Watchlist`}</Typography.Paragraph>
<Card.Meta description={ <Card.Meta description={
@@ -58,7 +59,6 @@ The creation date corresponds to the date on which you consented to the creation
</> </>
}/> }/>
</Card> </Card>
</>
} }
)} )}
</> </>

View File

@@ -28,6 +28,7 @@ export function TrackedDomainTable() {
const REDEMPTION_NOTICE = ( const REDEMPTION_NOTICE = (
<Tooltip <Tooltip
title={t`At least one domain name is in redemption period and will potentially be deleted soon`} title={t`At least one domain name is in redemption period and will potentially be deleted soon`}
key="redeptionNotice"
> >
<Tag color={eppStatusCodeToColor('redemption period')}>redemption period</Tag> <Tag color={eppStatusCodeToColor('redemption period')}>redemption period</Tag>
</Tooltip> </Tooltip>
@@ -36,6 +37,7 @@ export function TrackedDomainTable() {
const PENDING_DELETE_NOTICE = ( const PENDING_DELETE_NOTICE = (
<Tooltip <Tooltip
title={t`At least one domain name is pending deletion and will soon become available for registration again`} title={t`At least one domain name is pending deletion and will soon become available for registration again`}
key="pendingDeleteNotice"
> >
<Tag color={eppStatusCodeToColor('pending delete')}>pending delete</Tag> <Tag color={eppStatusCodeToColor('pending delete')}>pending delete</Tag>
</Tooltip> </Tooltip>
@@ -222,6 +224,7 @@ export function TrackedDomainTable() {
text: <Tooltip text: <Tooltip
placement='bottomLeft' placement='bottomLeft'
title={rdapStatusCodeDetailTranslated[s as keyof typeof rdapStatusCodeDetailTranslated] || undefined} title={rdapStatusCodeDetailTranslated[s as keyof typeof rdapStatusCodeDetailTranslated] || undefined}
key={s}
> >
<Tag color={eppStatusCodeToColor(s)}>{s}</Tag> <Tag color={eppStatusCodeToColor(s)}>{s}</Tag>
</Tooltip>, </Tooltip>,

View File

@@ -10,6 +10,7 @@ export function statusToTag(s: string) {
<Tooltip <Tooltip
placement='bottomLeft' placement='bottomLeft'
title={rdapStatusCodeDetailTranslated[s as keyof typeof rdapStatusCodeDetailTranslated] || undefined} title={rdapStatusCodeDetailTranslated[s as keyof typeof rdapStatusCodeDetailTranslated] || undefined}
key={s}
> >
<Tag color={eppStatusCodeToColor(s)}>{s}</Tag> <Tag color={eppStatusCodeToColor(s)}>{s}</Tag>
</Tooltip> </Tooltip>