From 712293ee2bb82176feecfe4d45477739b7738750 Mon Sep 17 00:00:00 2001
From: vinceh121 <contact@vinceh121.me>
Date: Tue, 30 Jul 2024 22:42:25 +0200
Subject: [PATCH] feat: domain handle in code style

---
 assets/pages/search/DomainSearchPage.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/pages/search/DomainSearchPage.tsx b/assets/pages/search/DomainSearchPage.tsx
index 43526e2..b1d01c0 100644
--- a/assets/pages/search/DomainSearchPage.tsx
+++ b/assets/pages/search/DomainSearchPage.tsx
@@ -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 &&
                                         <>