gsadmin/DynamoDNS
1
0
Fork 0
mirror of https://github.com/freedbygrace/DynamoDNS.git synced 2026-08-26 02:07:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve display of auto-managed IP addresses by adding a collapsible button showing the full IP and moving "AutoIP" status to a separate column.

Browse Source 
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/bf3d6a43-7ba9-4b79-b715-e3400ef33ab6.jpg
This commit is contained in:
alphaeusmote
2025-04-11 15:40:20 +00:00
parent a2676e8a44 79c53b58f7
commit dcc75fd2ca
1 changed files with 46 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/domain/domain-details.tsx
+46 -7
View File
@@ -61,7 +61,7 @@ import {
} from "@/components/ui/tooltip"; } from "@/components/ui/tooltip";
import { RecentActivity } from "@/components/activity/recent-activity"; import { RecentActivity } from "@/components/activity/recent-activity";
import { Pagination } from "@/components/shared/pagination"; import { Pagination } from "@/components/shared/pagination";
import { Loader2, FileText, Pencil, Trash2, Plus } from "lucide-react"; import { Loader2, FileText, Pencil, Trash2, Plus, Copy } from "lucide-react";
import { formatDistanceToNow } from "date-fns"; import { formatDistanceToNow } from "date-fns";
// DNS Record form schema // DNS Record form schema
@@ -465,18 +465,14 @@ export function DomainDetails({ domain, onBack }: DomainDetailsProps) {
<TooltipTrigger asChild> <TooltipTrigger asChild>
<span className="truncate max-w-[150px] inline-block"> <span className="truncate max-w-[150px] inline-block">
{record.isAutoIP {record.isAutoIP
? (record.currentIp ? "Auto-managed"
? `Auto IP (${record.currentIp})`
: "Auto IP")
: record.content} : record.content}
</span> </span>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
<p> <p>
{record.isAutoIP {record.isAutoIP
? (record.currentIp ? "Content automatically managed by AutoIP"
? <>Auto IP - Current value: <strong>{record.currentIp}</strong></>
: "Auto IP - Resolving current IP...")
: record.content} : record.content}
</p> </p>
{record.notes && ( {record.notes && (
@@ -489,6 +485,49 @@ export function DomainDetails({ domain, onBack }: DomainDetailsProps) {
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
</TableCell> </TableCell>
<TableCell>
{record.isAutoIP ? (
<div className="flex items-center gap-2">
<Badge variant="outline" className="bg-blue-50 text-blue-600 border-blue-200">
Enabled
</Badge>
{record.currentIp && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="sm"
className="h-7 px-2 text-xs font-mono"
onClick={() => {
navigator.clipboard.writeText(record.currentIp || '');
toast({
title: "IP copied to clipboard",
description: record.currentIp,
duration: 2000
});
}}
>
<span className="flex items-center gap-1">
{record.currentIp.substring(0, 10)}...
<Copy className="h-3 w-3" />
</span>
</Button>
</TooltipTrigger>
<TooltipContent>
<p className="font-mono">{record.currentIp}</p>
<p className="text-xs mt-1">Click to copy</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)}
</div>
) : (
<Badge variant="outline" className="bg-gray-50 text-gray-500 border-gray-200">
Disabled
</Badge>
)}
</TableCell>
<TableCell>{record.ttl}s</TableCell> <TableCell>{record.ttl}s</TableCell>
<TableCell> <TableCell>
{record.lastUpdated {record.lastUpdated