feat: Update fieldType to ObjectID for various components to enhance data handling

2026-04-06 00:32:12 +02:00 · 2025-12-26 20:34:33 +00:00
parent 9555c3827f
commit 2161330598
22 changed files with 31 additions and 8 deletions
--- a/AdminDashboard/src/Pages/Projects/View/Index.tsx
+++ b/AdminDashboard/src/Pages/Projects/View/Index.tsx
@@ -68,7 +68,7 @@ const Projects: FunctionComponent = (): ReactElement => {
                  _id: true,
                },
                title: "Project ID",
-                fieldType: FieldType.Text,
+                fieldType: FieldType.ObjectID,
                placeholder: "-",
              },
              {
--- a/AdminDashboard/src/Pages/Settings/WhatsApp/Index.tsx
+++ b/AdminDashboard/src/Pages/Settings/WhatsApp/Index.tsx
@@ -342,7 +342,7 @@ const SettingsWhatsApp: FunctionComponent = (): ReactElement => {
                metaWhatsAppPhoneNumberId: true,
              },
              title: "Phone Number ID",
-              fieldType: FieldType.Text,
+              fieldType: FieldType.ObjectID,
              placeholder: "Not Configured",
            },
            {
@@ -350,7 +350,7 @@ const SettingsWhatsApp: FunctionComponent = (): ReactElement => {
                metaWhatsAppBusinessAccountId: true,
              },
              title: "Business Account ID",
-              fieldType: FieldType.Text,
+              fieldType: FieldType.ObjectID,
              placeholder: "Not Configured",
            },
            {
@@ -366,7 +366,7 @@ const SettingsWhatsApp: FunctionComponent = (): ReactElement => {
                metaWhatsAppAppId: true,
              },
              title: "App ID",
-              fieldType: FieldType.Text,
+              fieldType: FieldType.ObjectID,
              placeholder: "Not Configured",
            },
            {
--- a/AdminDashboard/src/Pages/Users/View/Index.tsx
+++ b/AdminDashboard/src/Pages/Users/View/Index.tsx
@@ -90,7 +90,7 @@ const Users: FunctionComponent = (): ReactElement => {
                  _id: true,
                },
                title: "User ID",
-                fieldType: FieldType.Text,
+                fieldType: FieldType.ObjectID,
                placeholder: "-",
              },
              {
--- a/Common/UI/Components/Detail/Detail.tsx
+++ b/Common/UI/Components/Detail/Detail.tsx
@@ -488,6 +488,14 @@ const Detail: DetailFunction = <T extends GenericObject>(
      );
    }

+    if (data && field.fieldType === FieldType.ObjectID) {
+      data = (
+        <code className="px-2 py-1 bg-gray-100 text-gray-800 rounded font-mono text-sm border border-gray-200 break-all">
+          {data.toString()}
+        </code>
+      );
+    }
+
    if (field.getElement) {
      data = field.getElement(props.item);
    }
--- a/Dashboard/src/Pages/CodeRepository/View/Index.tsx
+++ b/Dashboard/src/Pages/CodeRepository/View/Index.tsx
@@ -135,6 +135,7 @@ const CodeRepositoryView: FunctionComponent<
                _id: true,
              },
              title: "Repository ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Dashboards/View/Overview.tsx
+++ b/Dashboard/src/Pages/Dashboards/View/Overview.tsx
@@ -86,6 +86,7 @@ const DashboardView: FunctionComponent<
                _id: true,
              },
              title: "Dashboard ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Global/NewIncidents.tsx
+++ b/Dashboard/src/Pages/Global/NewIncidents.tsx
@@ -114,7 +114,7 @@ const Home: FunctionComponent<PageComponentProps> = (): ReactElement => {
              _id: true,
            },
            title: "Incident ID",
-            type: FieldType.Text,
+            type: FieldType.ObjectID,
          },
          {
            field: {
--- a/Dashboard/src/Pages/Monitor/View/Index.tsx
+++ b/Dashboard/src/Pages/Monitor/View/Index.tsx
@@ -466,6 +466,7 @@ const MonitorView: FunctionComponent<PageComponentProps> = (): ReactElement => {
                _id: true,
              },
              title: "Monitor ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/MonitorGroup/View/Index.tsx
+++ b/Dashboard/src/Pages/MonitorGroup/View/Index.tsx
@@ -238,6 +238,7 @@ const MonitorGroupView: FunctionComponent<
                _id: true,
              },
              title: "Monitor Group ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/OnCallDuty/OnCallDutyPolicy/Index.tsx
+++ b/Dashboard/src/Pages/OnCallDuty/OnCallDutyPolicy/Index.tsx
@@ -87,6 +87,7 @@ const OnCallDutyPolicyView: FunctionComponent<
                _id: true,
              },
              title: "On-Call Policy ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/OnCallDuty/OnCallDutySchedule/Index.tsx
+++ b/Dashboard/src/Pages/OnCallDuty/OnCallDutySchedule/Index.tsx
@@ -208,6 +208,7 @@ const OnCallDutyScheduleView: FunctionComponent<
                _id: true,
              },
              title: "On-Call Schedule ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/ServiceCatalog/View/Index.tsx
+++ b/Dashboard/src/Pages/ServiceCatalog/View/Index.tsx
@@ -102,6 +102,7 @@ const StatusPageView: FunctionComponent<
                _id: true,
              },
              title: "Service ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Settings/AIAgentView.tsx
+++ b/Dashboard/src/Pages/Settings/AIAgentView.tsx
@@ -132,6 +132,7 @@ const AIAgentView: FunctionComponent<PageComponentProps> = (
                _id: true,
              },
              title: "AI Agent ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Settings/APIKeyView.tsx
+++ b/Dashboard/src/Pages/Settings/APIKeyView.tsx
@@ -310,7 +310,7 @@ const APIKeyView: FunctionComponent<PageComponentProps> = (
                projectId: true,
              },
              title: "Project ID",
-              fieldType: FieldType.Text,
+              fieldType: FieldType.ObjectID,
              opts: {
                isCopyable: true,
              },
--- a/Dashboard/src/Pages/Settings/LlmProviderView.tsx
+++ b/Dashboard/src/Pages/Settings/LlmProviderView.tsx
@@ -138,6 +138,7 @@ const LlmProviderView: FunctionComponent<PageComponentProps> = (
                _id: true,
              },
              title: "LLM Provider ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Settings/ProbeView.tsx
+++ b/Dashboard/src/Pages/Settings/ProbeView.tsx
@@ -141,6 +141,7 @@ const TeamView: FunctionComponent<PageComponentProps> = (
                _id: true,
              },
              title: "Probe ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Settings/ProjectSettings.tsx
+++ b/Dashboard/src/Pages/Settings/ProjectSettings.tsx
@@ -45,6 +45,7 @@ const Settings: FunctionComponent<PageComponentProps> = (): ReactElement => {
                _id: true,
              },
              title: "Project ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Settings/TeamView.tsx
+++ b/Dashboard/src/Pages/Settings/TeamView.tsx
@@ -309,6 +309,7 @@ const TeamView: FunctionComponent<PageComponentProps> = (
                _id: true,
              },
              title: "Team ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/StatusPages/View/Index.tsx
+++ b/Dashboard/src/Pages/StatusPages/View/Index.tsx
@@ -89,6 +89,7 @@ const StatusPageView: FunctionComponent<
                _id: true,
              },
              title: "Status Page ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Telemetry/Services/View/Index.tsx
+++ b/Dashboard/src/Pages/Telemetry/Services/View/Index.tsx
@@ -86,6 +86,7 @@ const ServiceDelete: FunctionComponent<
                _id: true,
              },
              title: "Service ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Workflow/View/Index.tsx
+++ b/Dashboard/src/Pages/Workflow/View/Index.tsx
@@ -93,6 +93,7 @@ const Delete: FunctionComponent<PageComponentProps> = (): ReactElement => {
                _id: true,
              },
              title: "Workflow ID",
+              fieldType: FieldType.ObjectID,
            },
            {
              field: {
--- a/Dashboard/src/Pages/Workflow/View/Logs.tsx
+++ b/Dashboard/src/Pages/Workflow/View/Logs.tsx
@@ -115,7 +115,7 @@ const Delete: FunctionComponent<PageComponentProps> = (): ReactElement => {
                _id: true,
              },
              title: "Run ID",
-              type: FieldType.Text,
+              type: FieldType.ObjectID,
            },
            {
              field: {