From 84d24d9bf52b698913a6096938b2cba52fa2f38f Mon Sep 17 00:00:00 2001
From: Pallavi Kumari <pallavilpmt1995@gmail.com>
Date: Tue, 28 Oct 2025 21:54:56 +0530
Subject: [PATCH] niceId inside resource info

---
 src/components/ResourceInfoBox.tsx | 20 ++++++++++++++------
 src/components/ResourcesTable.tsx  | 16 ----------------
 src/components/SitesTable.tsx      | 24 ------------------------
 3 files changed, 14 insertions(+), 46 deletions(-)

diff --git a/src/components/ResourceInfoBox.tsx b/src/components/ResourceInfoBox.tsx
index 50bb9af2..e7cf2c82 100644
--- a/src/components/ResourceInfoBox.tsx
+++ b/src/components/ResourceInfoBox.tsx
@@ -17,7 +17,7 @@ import { useEnvContext } from "@app/hooks/useEnvContext";
 
 type ResourceInfoBoxType = {};
 
-export default function ResourceInfoBox({}: ResourceInfoBoxType) {
+export default function ResourceInfoBox({ }: ResourceInfoBoxType) {
     const { resource, authInfo } = useResourceContext();
     const { env } = useEnvContext();
 
@@ -30,8 +30,16 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
             <AlertDescription>
                 {/* 4 cols because of the certs */}
                 <InfoSections
-                    cols={resource.http && env.flags.usePangolinDns ? 4 : 3}
+                    cols={resource.http && env.flags.usePangolinDns ? 5 : 4}
                 >
+                    <InfoSection>
+                        <InfoSectionTitle>
+                            {t("niceId")}
+                        </InfoSectionTitle>
+                        <InfoSectionContent>
+                            {resource.niceId}
+                        </InfoSectionContent>
+                    </InfoSection>
                     {resource.http ? (
                         <>
                             <InfoSection>
@@ -40,10 +48,10 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
                                 </InfoSectionTitle>
                                 <InfoSectionContent>
                                     {authInfo.password ||
-                                    authInfo.pincode ||
-                                    authInfo.sso ||
-                                    authInfo.whitelist ||
-                                    authInfo.headerAuth ? (
+                                        authInfo.pincode ||
+                                        authInfo.sso ||
+                                        authInfo.whitelist ||
+                                        authInfo.headerAuth ? (
                                         <div className="flex items-start space-x-2 text-green-500">
                                             <ShieldCheck className="w-4 h-4 mt-0.5" />
                                             <span>{t("protected")}</span>
diff --git a/src/components/ResourcesTable.tsx b/src/components/ResourcesTable.tsx
index 0e613da8..252ac7d2 100644
--- a/src/components/ResourcesTable.tsx
+++ b/src/components/ResourcesTable.tsx
@@ -507,22 +507,6 @@ export default function ResourcesTable({
                 );
             }
         },
-        {
-            accessorKey: "nice",
-            header: ({ column }) => {
-                return (
-                    <Button
-                        variant="ghost"
-                        onClick={() =>
-                            column.toggleSorting(column.getIsSorted() === "asc")
-                        }
-                    >
-                        {t("resource")}
-                        <ArrowUpDown className="ml-2 h-4 w-4" />
-                    </Button>
-                );
-            }
-        },
         {
             accessorKey: "protocol",
             header: t("protocol"),
diff --git a/src/components/SitesTable.tsx b/src/components/SitesTable.tsx
index 0f1b0536..0d8b161c 100644
--- a/src/components/SitesTable.tsx
+++ b/src/components/SitesTable.tsx
@@ -164,30 +164,6 @@ export default function SitesTable({ sites, orgId }: SitesTableProps) {
                 }
             }
         },
-        {
-            accessorKey: "nice",
-            header: ({ column }) => {
-                return (
-                    <Button
-                        variant="ghost"
-                        onClick={() =>
-                            column.toggleSorting(column.getIsSorted() === "asc")
-                        }
-                        className="hidden md:flex whitespace-nowrap"
-                    >
-                        {t("site")}
-                        <ArrowUpDown className="ml-2 h-4 w-4" />
-                    </Button>
-                );
-            },
-            cell: ({ row }) => {
-                return (
-                    <div className="hidden md:block whitespace-nowrap">
-                        {row.original.nice}
-                    </div>
-                );
-            }
-        },
         {
             accessorKey: "mbIn",
             header: ({ column }) => {