Add full domain path display to domain details

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9111ef36-26c8-4085-84ca-a35dc1fec1b5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7083d608-d6d3-4a6a-9a27-6286c5109627/769d6639-1c95-46e7-8b5d-7115f4d4f63c.jpg
This commit is contained in:
alphaeusmote
2025-04-11 15:52:47 +00:00
@@ -428,6 +428,7 @@ export function DomainDetails({ domain, onBack }: DomainDetailsProps) {
<TableHeader>
<TableRow>
<TableHead>Name</TableHead>
<TableHead>Full Domain</TableHead>
<TableHead>Type</TableHead>
<TableHead>AutoIP</TableHead>
<TableHead>Content</TableHead>
@@ -456,6 +457,46 @@ export function DomainDetails({ domain, onBack }: DomainDetailsProps) {
record.name
)}
</TableCell>
<TableCell>
{/* Full Domain Path with copy functionality */}
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="sm"
className="h-7 px-2 text-xs font-medium"
onClick={() => {
const fullDomain = record.name === "@"
? domain.name
: `${record.name}.${domain.name}`;
navigator.clipboard.writeText(fullDomain);
toast({
title: "Domain copied to clipboard",
description: fullDomain,
duration: 2000
});
}}
>
<span className="flex items-center gap-1 truncate max-w-[150px]">
{record.name === "@"
? domain.name
: `${record.name}.${domain.name}`}
<Copy className="h-3 w-3" />
</span>
</Button>
</TooltipTrigger>
<TooltipContent>
<p className="font-medium">
{record.name === "@"
? domain.name
: `${record.name}.${domain.name}`}
</p>
<p className="text-xs mt-1">Click to copy</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</TableCell>
<TableCell>
<Badge variant="outline">{record.type}</Badge>
</TableCell>