From 46bcf6627b94b75cf0a9296dba39b47438816462 Mon Sep 17 00:00:00 2001
From: David Humphrey <david.andrew.humphrey@gmail.com>
Date: Thu, 6 Apr 2023 17:10:39 -0400
Subject: [PATCH] Truncate long DNS Record values in table

---
 app/components/dns-records-table.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/components/dns-records-table.tsx b/app/components/dns-records-table.tsx
index a24bfecf..2770990e 100644
--- a/app/components/dns-records-table.tsx
+++ b/app/components/dns-records-table.tsx
@@ -3,6 +3,7 @@ import {
   Table,
   Tr,
   Th,
+  Text,
   Thead,
   Tbody,
   TableContainer,
@@ -121,7 +122,13 @@ export default function DnsRecordsTable(props: DnsRecordsTableProps) {
                       </Flex>
                     </Td>
                     <Td>{dnsRecord.type}</Td>
-                    <Td>{dnsRecord.value}</Td>
+                    <Td>
+                      <Tooltip label={dnsRecord.value}>
+                        <Text isTruncated maxWidth="20ch">
+                          {dnsRecord.value}
+                        </Text>
+                      </Tooltip>
+                    </Td>
                     <Td>
                       <Flex alignItems="center">
                         {dnsRecord.expiresAt.toLocaleDateString('en-US')}