remove N/A

canonical · Jan 15, 2025 · 74e9ca3 · 74e9ca3
1 parent ae40842
commit 74e9ca3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/components/NetworkSliceGroups.tsx b/components/NetworkSliceGroups.tsx
@@ -157,7 +157,8 @@ export const NetworkSliceGroups: React.FC<NetworkSliceTableProps> = ({
         <MainTable
           headers={[
             {
-              content: deviceGroup?.["group-name"] || "N/A",
+              content: deviceGroup?.["group-name"] || "",
+              style: { textTransform: "none" },
             },
             {
               content:
@@ -177,7 +178,7 @@ export const NetworkSliceGroups: React.FC<NetworkSliceTableProps> = ({
                   content:
                     deviceGroup?.["ip-domain-expanded"]?.[
                     "ue-ip-pool"
-                    ] || "N/A",
+                    ] || "",
 
                   className: "u-align--right",
                 },
@@ -190,7 +191,7 @@ export const NetworkSliceGroups: React.FC<NetworkSliceTableProps> = ({
                   content:
                     deviceGroup?.["ip-domain-expanded"]?.[
                     "dns-primary"
-                    ] || "N/A",
+                    ] || "",
 
                   className: "u-align--right",
                 },
@@ -203,7 +204,7 @@ export const NetworkSliceGroups: React.FC<NetworkSliceTableProps> = ({
                   content:
                     deviceGroup?.["ip-domain-expanded"]?.[
                     "mtu"
-                    ] || "N/A",
+                    ] || "",
 
                   className: "u-align--right",
                 },
@@ -222,7 +223,7 @@ export const NetworkSliceGroups: React.FC<NetworkSliceTableProps> = ({
                     "ue-dnn-qos"
                     ]?.["dnn-mbr-downlink"] / 1_000_000
                     } Mbps`
-                    : "N/A",
+                    : "",
                   className: "u-align--right",
                 },
               ],
@@ -240,7 +241,7 @@ export const NetworkSliceGroups: React.FC<NetworkSliceTableProps> = ({
                     "ue-dnn-qos"
                     ]?.["dnn-mbr-uplink"] / 1_000_000
                     } Mbps`
-                    : "N/A",
+                    : "",
                   className: "u-align--right",
                 },
               ],

diff --git a/components/NetworkSliceTable.tsx b/components/NetworkSliceTable.tsx
@@ -56,7 +56,7 @@ export const NetworkSliceTable: React.FC<NetworkSliceTableProps> = ({
             columns: [
               { content: "MCC" },
               {
-                content: slice["site-info"]?.plmn.mcc || "N/A",
+                content: slice["site-info"]?.plmn.mcc || "",
                 className: "u-align--right",
               },
             ],
@@ -66,7 +66,7 @@ export const NetworkSliceTable: React.FC<NetworkSliceTableProps> = ({
             columns: [
               { content: "MNC" },
               {
-                content: slice["site-info"]?.plmn.mnc || "N/A",
+                content: slice["site-info"]?.plmn.mnc || "",
                 className: "u-align--right",
               },
             ],
@@ -76,10 +76,14 @@ export const NetworkSliceTable: React.FC<NetworkSliceTableProps> = ({
             columns: [
               { content: "UPF" },
               {
-                content: `${slice["site-info"]?.upf?.["upf-name"] || "N/A"}:${
-                  slice["site-info"]?.upf?.["upf-port"] || "N/A"
-                }`,
-
+                content: (() => {
+                  const upfName = slice["site-info"]?.upf?.["upf-name"] ?? "";
+                  const upfPort = slice["site-info"]?.upf?.["upf-port"] ?? "";
+                  if (upfName === "" && upfPort === "") {
+                    return "";
+                  }
+                  return `${upfName}:${upfPort}`;
+                })(),
                 className: "u-align--right",
               },
             ],
@@ -90,7 +94,7 @@ export const NetworkSliceTable: React.FC<NetworkSliceTableProps> = ({
               { content: "gNodeBs" },
               {
                 content:
-                  slice?.["site-info"]?.gNodeBs?.length.toString() || "N/A",
+                  slice?.["site-info"]?.gNodeBs?.length.toString() || "0",
                 className: "u-align--right",
               },
             ],