update escalated count bar to line

> > Co-authored-by: KatieMSB <katriannasb@gmail.com>
target · Jul 18, 2023 · b0dce3e · b0dce3e
1 parent 06a8ec8
commit b0dce3e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/web/src/app/services/AlertMetrics/AlertCountGraph.tsx b/web/src/app/services/AlertMetrics/AlertCountGraph.tsx
@@ -95,12 +95,19 @@ export default function AlertCountGraph(
                 }}
               />
               <Legend />
-              <Bar
-                stackId='a'
+              <Area
                 dataKey='escalatedCount'
                 type='monotone'
-                fill={theme.palette.primary.main}
-                className={classes.bar}
+                stroke={
+                  theme.palette.mode === 'light'
+                    ? theme.palette.info.dark
+                    : theme.palette.info.light
+                }
+                fill={
+                  theme.palette.mode === 'light'
+                    ? theme.palette.info.light
+                    : theme.palette.info.dark
+                }
                 name='Escalated Alerts'
               />
               <Bar

diff --git a/web/src/cypress/e2e/services.cy.ts b/web/src/cypress/e2e/services.cy.ts
@@ -142,13 +142,13 @@ function testServices(screen: ScreenFormat): void {
         .should('contain', closedAlert.id)
         .should('not.contain', openAlert.id)
 
-      cy.get('path[name="Alert Count"]')
+      cy.get('path[name="Alerts"]')
         .should('have.length', 1)
         .trigger('mouseover')
       cy.get('[data-cy=metrics-count-graph]')
         .should('contain', now)
-        .should('contain', 'Alert Count: 1')
-        .should('contain', 'Escalated: 0') // no ep steps
+        .should('contain', 'Alerts: 1')
+        .should('contain', 'Escalated Alerts: 0') // no ep steps
         .should('contain', 'Noisy Alerts: 1')
 
       cy.get(`.recharts-line-dots circle[r=3]`).last().trigger('mouseover')