feat: add Microsoft Teams integration settings to the dashboard

OneUptime · Mar 4, 2025 · 79083b4 · 79083b4
1 parent a375990
commit 79083b4
Show file tree

Hide file tree

Showing 5 changed files with 53 additions and 10 deletions.
diff --git a/Dashboard/src/Pages/Settings/SideMenu.tsx b/Dashboard/src/Pages/Settings/SideMenu.tsx
@@ -42,6 +42,16 @@ const DashboardSideMenu: () => JSX.Element = (): ReactElement => {
           }}
           icon={IconProp.Slack}
         />
+
+<SideMenuItem
+          link={{
+            title: "Microsoft Teams",
+            to: RouteUtil.populateRouteParams(
+              RouteMap[PageMap.SETTINGS_MICROSOFT_TEAMS_INTEGRATION] as Route,
+            ),
+          }}
+          icon={IconProp.MicrosoftTeams}
+        />
       </SideMenuSection>
 
       <SideMenuSection title="Monitors">

diff --git a/Dashboard/src/Routes/SettingsRoutes.tsx b/Dashboard/src/Routes/SettingsRoutes.tsx
@@ -233,6 +233,13 @@ const ScheduledMaintenanceNoteTemplateView: LazyExoticComponent<
   return import("../Pages/Settings/ScheduledMaintenanceNoteTemplateView");
 });
 
+
+const SettingsMicrosoftTeamsIntegration: LazyExoticComponent<
+  FunctionComponent<ComponentProps>
+> = lazy(() => {
+  return import("../Pages/Settings/MicrosoftTeamsIntegration");
+});
+
 const SettingsUsageHistory: LazyExoticComponent<
   FunctionComponent<ComponentProps>
 > = lazy(() => {
@@ -320,7 +327,7 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
                 {...props}
                 pageRoute={
                   RouteMap[
-                    PageMap.SETTINGS_SCHEDULED_MAINTENANCE_TEMPLATES
+                  PageMap.SETTINGS_SCHEDULED_MAINTENANCE_TEMPLATES
                   ] as Route
                 }
               />
@@ -339,7 +346,7 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
                 {...props}
                 pageRoute={
                   RouteMap[
-                    PageMap.SETTINGS_SCHEDULED_MAINTENANCE_TEMPLATES_VIEW
+                  PageMap.SETTINGS_SCHEDULED_MAINTENANCE_TEMPLATES_VIEW
                   ] as Route
                 }
               />
@@ -414,7 +421,7 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
                 {...props}
                 pageRoute={
                   RouteMap[
-                    PageMap.SETTINGS_INCIDENT_NOTE_TEMPLATES_VIEW
+                  PageMap.SETTINGS_INCIDENT_NOTE_TEMPLATES_VIEW
                   ] as Route
                 }
               />
@@ -449,7 +456,7 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
                 {...props}
                 pageRoute={
                   RouteMap[
-                    PageMap.SETTINGS_SCHEDULED_MAINTENANCE_NOTE_TEMPLATES
+                  PageMap.SETTINGS_SCHEDULED_MAINTENANCE_NOTE_TEMPLATES
                   ] as Route
                 }
               />
@@ -468,7 +475,7 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
                 {...props}
                 pageRoute={
                   RouteMap[
-                    PageMap.SETTINGS_SCHEDULED_MAINTENANCE_NOTE_TEMPLATES_VIEW
+                  PageMap.SETTINGS_SCHEDULED_MAINTENANCE_NOTE_TEMPLATES_VIEW
                   ] as Route
                 }
               />
@@ -554,6 +561,20 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
           }
         />
 
+        <PageRoute
+          path={RouteUtil.getLastPathForKey(PageMap.SETTINGS_MICROSOFT_TEAMS_INTEGRATION)}
+          element={
+            <Suspense fallback={Loader}>
+              <SettingsMicrosoftTeamsIntegration
+                {...props}
+                pageRoute={
+                  RouteMap[PageMap.SETTINGS_MICROSOFT_TEAMS_INTEGRATION] as Route
+                }
+              />
+            </Suspense>
+          }
+        />
+
         <PageRoute
           path={RouteUtil.getLastPathForKey(PageMap.SETTINGS_ALERTS_STATE)}
           element={
@@ -576,7 +597,7 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
                 {...props}
                 pageRoute={
                   RouteMap[
-                    PageMap.SETTINGS_SCHEDULED_MAINTENANCE_STATE
+                  PageMap.SETTINGS_SCHEDULED_MAINTENANCE_STATE
                   ] as Route
                 }
               />
@@ -687,7 +708,7 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
                 {...props}
                 pageRoute={
                   RouteMap[
-                    PageMap.SETTINGS_TELEMETRY_INGESTION_KEY_VIEW
+                  PageMap.SETTINGS_TELEMETRY_INGESTION_KEY_VIEW
                   ] as Route
                 }
               />
@@ -749,7 +770,7 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
                 {...props}
                 pageRoute={
                   RouteMap[
-                    PageMap.SETTINGS_SCHEDULED_MAINTENANCE_CUSTOM_FIELDS
+                  PageMap.SETTINGS_SCHEDULED_MAINTENANCE_CUSTOM_FIELDS
                   ] as Route
                 }
               />
@@ -799,7 +820,7 @@ const SettingsRoutes: FunctionComponent<ComponentProps> = (
                 {...props}
                 pageRoute={
                   RouteMap[
-                    PageMap.SETTINGS_ON_CALL_DUTY_POLICY_CUSTOM_FIELDS
+                  PageMap.SETTINGS_ON_CALL_DUTY_POLICY_CUSTOM_FIELDS
                   ] as Route
                 }
               />

diff --git a/Dashboard/src/Utils/Breadcrumbs/SettingsBreadcrumbs.ts b/Dashboard/src/Utils/Breadcrumbs/SettingsBreadcrumbs.ts
@@ -47,6 +47,11 @@ export function getSettingsBreadcrumbs(path: string): Array<Link> | undefined {
       "Settings",
       "Slack Integration",
     ]),
+    ...BuildBreadcrumbLinksByTitles(PageMap.SETTINGS_MICROSOFT_TEAMS_INTEGRATION, [
+      "Project",
+      "Settings",
+      "Microsoft Teams Integration",
+    ]),
     ...BuildBreadcrumbLinksByTitles(PageMap.SETTINGS_INCIDENTS_SEVERITY, [
       "Project",
       "Settings",

diff --git a/Dashboard/src/Utils/PageMap.ts b/Dashboard/src/Utils/PageMap.ts
@@ -263,7 +263,7 @@ enum PageMap {
 
   // Workspace integrations
   SETTINGS_SLACK_INTEGRATION = "SETTINGS_SLACK_INTEGRATION",
-  SETTINGS_TEAMS_INTEGRATION = "SETTINGS_TEAMS_INTEGRATION",
+  SETTINGS_MICROSOFT_TEAMS_INTEGRATION = "SETTINGS_MICROSOFT_TEAMS_INTEGRATION",
 
   // Resource settings.
   SETTINGS_INCIDENTS_STATE = "SETTINGS_INCIDENTS_STATE",

diff --git a/Dashboard/src/Utils/RouteMap.ts b/Dashboard/src/Utils/RouteMap.ts
@@ -210,6 +210,7 @@ export const SettingsRoutePath: Dictionary<string> = {
   [PageMap.SETTINGS_INCIDENT_CUSTOM_FIELDS]: "incident-custom-fields",
   [PageMap.SETTINGS_INCIDENTS_STATE]: "incidents-state",
   [PageMap.SETTINGS_SLACK_INTEGRATION]: "slack-integration",
+  [PageMap.SETTINGS_MICROSOFT_TEAMS_INTEGRATION]: "microsoft-teams-integration",
   [PageMap.SETTINGS_INCIDENTS_SEVERITY]: "incidents-severity",
   [PageMap.SETTINGS_INCIDENT_TEMPLATES]: "incident-templates",
   [PageMap.SETTINGS_INCIDENT_TEMPLATES_VIEW]: `incident-templates/${RouteParams.ModelID}`,
@@ -1493,6 +1494,12 @@ const RouteMap: Dictionary<Route> = {
     }`,
   ),
 
+  [PageMap.SETTINGS_MICROSOFT_TEAMS_INTEGRATION]: new Route(
+    `/dashboard/${RouteParams.ProjectID}/settings/${
+      SettingsRoutePath[PageMap.SETTINGS_MICROSOFT_TEAMS_INTEGRATION]
+    }`,
+  ),
+
   [PageMap.SETTINGS_INCIDENT_TEMPLATES]: new Route(
     `/dashboard/${RouteParams.ProjectID}/settings/${
       SettingsRoutePath[PageMap.SETTINGS_INCIDENT_TEMPLATES]