From 277abb43676337e8cad7a1d896ce944f4eeebf8c Mon Sep 17 00:00:00 2001
From: aelew <118043566+aelew@users.noreply.github.com>
Date: Tue, 6 Feb 2024 14:37:14 -0800
Subject: [PATCH] use tabular nums for easier readability

---
 src/app/(tools)/(domain)/dns/[domain]/page.tsx       |  2 +-
 src/app/(tools)/(domain)/subdomain/[domain]/page.tsx | 10 ++++++----
 src/app/(tools)/(domain)/whois/[domain]/page.tsx     | 10 +++++-----
 src/components/date.tsx                              |  6 +++++-
 4 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/app/(tools)/(domain)/dns/[domain]/page.tsx b/src/app/(tools)/(domain)/dns/[domain]/page.tsx
index 37bdaa6..18615c5 100644
--- a/src/app/(tools)/(domain)/dns/[domain]/page.tsx
+++ b/src/app/(tools)/(domain)/dns/[domain]/page.tsx
@@ -159,7 +159,7 @@ export default async function DNSLookupResultPage({
                               {match(record.type)
                                 .with('A', 'AAAA', () => (
                                   <Link
-                                    className="whitespace-nowrap hover:underline"
+                                    className="whitespace-nowrap tabular-nums hover:underline"
                                     href={`/ip/${value}`}
                                   >
                                     {value}
diff --git a/src/app/(tools)/(domain)/subdomain/[domain]/page.tsx b/src/app/(tools)/(domain)/subdomain/[domain]/page.tsx
index dc40237..e207c56 100644
--- a/src/app/(tools)/(domain)/subdomain/[domain]/page.tsx
+++ b/src/app/(tools)/(domain)/subdomain/[domain]/page.tsx
@@ -118,7 +118,7 @@ export default async function SubdomainFinderResultPage({
                             )}
                           />
                           <Link
-                            className="whitespace-nowrap hover:underline"
+                            className="whitespace-nowrap tabular-nums hover:underline"
                             href={`/ip/${record.ip}`}
                           >
                             {record.ip}
@@ -144,7 +144,9 @@ export default async function SubdomainFinderResultPage({
                       <TableCell className="w-36 font-medium">
                         Subdomains found
                       </TableCell>
-                      <TableCell>{result.length}</TableCell>
+                      <TableCell className="tabular-nums">
+                        {result.length}
+                      </TableCell>
                     </TableRow>
                     <TableRow>
                       <TableCell className="w-36 font-medium">
@@ -154,7 +156,7 @@ export default async function SubdomainFinderResultPage({
                         {mostCommonIp ? (
                           <div className="flex items-center">
                             <Link
-                              className="whitespace-nowrap hover:underline"
+                              className="whitespace-nowrap tabular-nums hover:underline"
                               href={`/ip/${mostCommonIp}`}
                             >
                               {mostCommonIp}
@@ -186,7 +188,7 @@ export default async function SubdomainFinderResultPage({
                     {Object.entries(ipStore)
                       .sort(([_, a], [__, b]) => b - a)
                       .map(([ip, occurrences]) => (
-                        <TableRow key={ip}>
+                        <TableRow className="tabular-nums" key={ip}>
                           <TableCell>
                             <div className="flex items-center">
                               <CloudflareIcon
diff --git a/src/app/(tools)/(domain)/whois/[domain]/page.tsx b/src/app/(tools)/(domain)/whois/[domain]/page.tsx
index 47cb140..df6c3ad 100644
--- a/src/app/(tools)/(domain)/whois/[domain]/page.tsx
+++ b/src/app/(tools)/(domain)/whois/[domain]/page.tsx
@@ -115,18 +115,18 @@ export default async function WhoisLookupResultPage({
             }
           />
         ),
-        Updated: () => (
+        Expires: () => (
           <Date
             dateTime={
-              result.domain.updated_date_in_time ?? result.domain.updated_date
+              result.domain.expiration_date_in_time ??
+              result.domain.expiration_date
             }
           />
         ),
-        Expires: () => (
+        Updated: () => (
           <Date
             dateTime={
-              result.domain.expiration_date_in_time ??
-              result.domain.expiration_date
+              result.domain.updated_date_in_time ?? result.domain.updated_date
             }
           />
         ),
diff --git a/src/components/date.tsx b/src/components/date.tsx
index 38543af..1c85944 100644
--- a/src/components/date.tsx
+++ b/src/components/date.tsx
@@ -10,5 +10,9 @@ export function Date({ dateTime }: DateProps) {
   if (!dateTime) {
     return null;
   }
-  return <time dateTime={dateTime}>{formatDate(dateTime)}</time>;
+  return (
+    <time className="tabular-nums" dateTime={dateTime}>
+      {formatDate(dateTime)}
+    </time>
+  );
 }