list targes in frontend

Author: Pallavikumarimdb

src/components/ResourcesTable.tsx

@@ -392,7 +392,7 @@ export default function ResourcesTable({
             },
             cell: ({ row }) => {
                 const resourceRow = row.original as ResourceRow & {
-                    targets?: { host: string; port: number }[];
+                    targets?: { ip: string; port: number }[];
                 };
 
                 const targets = resourceRow.targets ?? [];
@@ -418,12 +418,10 @@ export default function ResourcesTable({
 
                         <DropdownMenuContent align="start" className="min-w-[200px]">
                             {targets.map((target, idx) => {
-                                const key = `${resourceRow.id}:${target.host}:${target.port}`;
-
                                 return (
                                     <DropdownMenuItem key={idx} className="flex items-center gap-2">
                                         <CopyToClipboard
-                                            text={`${target.host}:${target.port}`}
+                                            text={`${target.ip}:${target.port}`}
                                             isLink={false}
                                         />
                                     </DropdownMenuItem>