feat: domain handle in code style

This commit is contained in:
vinceh121
2024-07-30 22:42:25 +02:00
parent cd1c555973
commit 712293ee2b

View File

@@ -1,5 +1,5 @@
import React, {useState} from "react";
import {Badge, Card, Divider, Empty, Flex, FormProps, message, Skeleton, Space, Tag} from "antd";
import {Badge, Card, Divider, Empty, Flex, FormProps, message, Skeleton, Space, Tag, Typography} from "antd";
import {Domain, getDomain} from "../../utils/api";
import {AxiosError} from "axios"
import {t} from 'ttag'
@@ -7,6 +7,7 @@ import {DomainSearchBar, FieldType} from "../../components/search/DomainSearchBa
import {EventTimeline} from "../../components/search/EventTimeline";
import {EntitiesList} from "../../components/search/EntitiesList";
const { Text } = Typography;
export default function DomainSearchPage() {
const [domain, setDomain] = useState<Domain | null>()
@@ -40,7 +41,7 @@ export default function DomainSearchPage() {
domain.tld.type === 'gTLD' ? "green"
: "cyan"
}>
<Card title={`${domain.ldhName}${domain.handle ? ' (' + domain.handle + ')' : ''}`}
<Card title={<>{domain.ldhName}{domain.handle ? <> (<Text code>{domain.handle}</Text>)</>: undefined}</>}
size="small">
{domain.status.length > 0 &&
<>