feat: add Slack workspace connection page and update routing and brea…

…dcrumbs
OneUptime · Mar 4, 2025 · 194cfd0 · 194cfd0
1 parent 55470e0
commit 194cfd0
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 0 deletions.
diff --git a/Dashboard/src/Pages/Alerts/SideMenu.tsx b/Dashboard/src/Pages/Alerts/SideMenu.tsx
@@ -49,6 +49,18 @@ const DashboardSideMenu: FunctionComponent<ComponentProps> = (
           }}
         />
       </SideMenuSection>
+
+      <SideMenuSection title="Workspace Connections">
+        <SideMenuItem
+          link={{
+            title: "Slack",
+            to: RouteUtil.populateRouteParams(
+              RouteMap[PageMap.ALERTS_WORKSPACE_CONNECTION_SLACK] as Route,
+            ),
+          }}
+          icon={IconProp.Slack}
+        />
+        </SideMenuSection>
     </SideMenu>
   );
 };

diff --git a/Dashboard/src/Routes/AlertRoutes.tsx b/Dashboard/src/Routes/AlertRoutes.tsx
@@ -25,6 +25,12 @@ const AlertView: LazyExoticComponent<FunctionComponent<ComponentProps>> = lazy(
   },
 );
 
+const AlertsWorkspaceConnectionSlack: LazyExoticComponent<
+  FunctionComponent<ComponentProps>
+> = lazy(() => {
+  return import("../Pages/Alerts/WorkspaceConnectionSlack");
+});
+
 const AlertOnCallPolicyExecutionLogs: LazyExoticComponent<
   FunctionComponent<ComponentProps>
 > = lazy(() => {
@@ -107,6 +113,18 @@ const AlertsRoutes: FunctionComponent<ComponentProps> = (
             </Suspense>
           }
         />
+
+<PageRoute
+          path={AlertsRoutePath[PageMap.ALERTS_WORKSPACE_CONNECTION_SLACK] || ""}
+          element={
+            <Suspense fallback={Loader}>
+              <AlertsWorkspaceConnectionSlack
+                {...props}
+                pageRoute={RouteMap[PageMap.ALERTS_WORKSPACE_CONNECTION_SLACK] as Route}
+              />
+            </Suspense>
+          }
+        />
       </PageRoute>
 
       <PageRoute

diff --git a/Dashboard/src/Utils/Breadcrumbs/AlertBreadcrumbs.ts b/Dashboard/src/Utils/Breadcrumbs/AlertBreadcrumbs.ts
@@ -11,6 +11,11 @@ export function getAlertsBreadcrumbs(path: string): Array<Link> | undefined {
       "Alerts",
       "Active Alerts",
     ]),
+    ...BuildBreadcrumbLinksByTitles(PageMap.ALERTS_WORKSPACE_CONNECTION_SLACK, [
+      "Project",
+      "Alerts",
+      "Slack Connection",
+    ]),
     ...BuildBreadcrumbLinksByTitles(PageMap.ALERT_VIEW, [
       "Project",
       "Alerts",

diff --git a/Dashboard/src/Utils/PageMap.ts b/Dashboard/src/Utils/PageMap.ts
@@ -89,6 +89,7 @@ enum PageMap {
   ALERTS_ROOT = "ALERTS_ROOT",
   ALERTS = "ALERTS",
   UNRESOLVED_ALERTS = "UNRESOLVED_ALERTS",
+  ALERTS_WORKSPACE_CONNECTION_SLACK = "ALERTS_WORKSPACE_CONNECTION_SLACK",
   ALERT_VIEW = "ALERT_VIEW",
   ALERT_VIEW_DELETE = "ALERT_VIEW_DELETE",
   ALERT_VIEW_STATE_TIMELINE = "ALERT_VIEW_STATE_TIMELINE",

diff --git a/Dashboard/src/Utils/RouteMap.ts b/Dashboard/src/Utils/RouteMap.ts
@@ -158,6 +158,7 @@ export const IncidentsRoutePath: Dictionary<string> = {
 
 export const AlertsRoutePath: Dictionary<string> = {
   [PageMap.UNRESOLVED_ALERTS]: "unresolved",
+  [PageMap.ALERTS_WORKSPACE_CONNECTION_SLACK]: "workspace-connection-slack",
   [PageMap.ALERT_VIEW]: `${RouteParams.ModelID}`,
   [PageMap.ALERT_VIEW_STATE_TIMELINE]: `${RouteParams.ModelID}/state-timeline`,
   [PageMap.ALERT_VIEW_OWNERS]: `${RouteParams.ModelID}/owners`,
@@ -425,6 +426,13 @@ const RouteMap: Dictionary<Route> = {
     }`,
   ),
 
+
+  [PageMap.ALERTS_WORKSPACE_CONNECTION_SLACK]: new Route(
+    `/dashboard/${RouteParams.ProjectID}/alerts/${
+      AlertsRoutePath[PageMap.ALERTS_WORKSPACE_CONNECTION_SLACK]
+    }`,
+  ),
+
   [PageMap.ALERT_VIEW]: new Route(
     `/dashboard/${RouteParams.ProjectID}/alerts/${
       AlertsRoutePath[PageMap.ALERT_VIEW]