From b2cf152b9e8ea2fb9003cc35b1f90f1d9e4f0315 Mon Sep 17 00:00:00 2001
From: Owen <owen@txv.io>
Date: Thu, 30 Oct 2025 16:17:20 -0700
Subject: [PATCH] Add copy to clip

---
 .../[orgId]/settings/logs/request/page.tsx    |  8 ++++----
 src/components/DNSRecordTable.tsx             | 19 +++++++++++++++++--
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/app/[orgId]/settings/logs/request/page.tsx b/src/app/[orgId]/settings/logs/request/page.tsx
index 7aeef772..6060be9e 100644
--- a/src/app/[orgId]/settings/logs/request/page.tsx
+++ b/src/app/[orgId]/settings/logs/request/page.tsx
@@ -699,24 +699,24 @@ export default function GeneralPage() {
         return (
             <div className="space-y-4">
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-xs">
-                    <div>
+                    {/* <div>
                         <strong>User Agent:</strong>
                         <p className="text-muted-foreground mt-1 break-all">
                             {row.userAgent || "N/A"}
                         </p>
-                    </div>
+                    </div> */}
                     <div>
                         <strong>Original URL:</strong>
                         <p className="text-muted-foreground mt-1 break-all">
                             {row.originalRequestURL || "N/A"}
                         </p>
                     </div>
-                    <div>
+                    {/* <div>
                         <strong>Scheme:</strong>
                         <p className="text-muted-foreground mt-1">
                             {row.scheme || "N/A"}
                         </p>
-                    </div>
+                    </div> */}
                     <div>
                         <strong>Metadata:</strong>
                         <pre className="text-muted-foreground mt-1 text-xs bg-background p-2 rounded border overflow-auto">
diff --git a/src/components/DNSRecordTable.tsx b/src/components/DNSRecordTable.tsx
index 2566eb71..55bf3ca5 100644
--- a/src/components/DNSRecordTable.tsx
+++ b/src/components/DNSRecordTable.tsx
@@ -4,6 +4,7 @@ import { ColumnDef } from "@tanstack/react-table";
 import { useTranslations } from "next-intl";
 import { Badge } from "@app/components/ui/badge";
 import { DNSRecordsDataTable } from "./DNSRecordsDataTable";
+import CopyToClipboard from "@app/components/CopyToClipboard";
 
 export type DNSRecordRow = {
     id: string;
@@ -39,7 +40,15 @@ export default function DNSRecordsTable({
             },
             cell: ({ row }) => {
                 const baseDomain = row.original.baseDomain;
-                return <div>{baseDomain || "-"}</div>;
+                return baseDomain ? (
+                    <CopyToClipboard
+                        text={baseDomain}
+                        displayText={baseDomain}
+                        isLink={false}
+                    />
+                ) : (
+                    <div>-</div>
+                );
             }
         },
         {
@@ -68,7 +77,13 @@ export default function DNSRecordsTable({
             },
             cell: ({ row }) => {
                 const value = row.original.value;
-                return <div>{value}</div>;
+                return (
+                    <CopyToClipboard
+                        text={value}
+                        displayText={value}
+                        isLink={false}
+                    />
+                );
             }
         },
         {