Merge pull request #945 from AppQuality/develop

release 20240801

Author: cannarocks

package.json

@@ -13,7 +13,7 @@
     "@zendeskgarden/react-forms": "^8.49.0",
     "@zendeskgarden/react-tables": "^8.62.0",
     "@zendeskgarden/react-theming": "^8.48.2",
-    "@zendeskgarden/svg-icons": "^6.31.1",
+    "@zendeskgarden/svg-icons": "^7.2.0",
     "date-fns": "^2.28.0",
     "formik": "^2.2.9",
     "i18n-iso-countries": "^7.3.0",
@@ -37,11 +37,13 @@
     "react-scroll": "^1.8.7",
     "styled-components": "^6.1.1",
     "typescript": "^4.6.2",
+    "uuid": "^10.0.0",
     "web-vitals": "^2.1.4",
     "yup": "^0.32.11"
   },
   "scripts": {
     "start": "craco start",
+    "start:ssl": "craco --openssl-legacy-provider start",
     "build": "craco build",
     "test": "react-scripts test",
     "recover": "yarn install --check-files",
@@ -87,6 +89,7 @@
     "@types/react-scroll": "^1.8.3",
     "@types/react-transition-group": "^4.4.5",
     "@types/styled-components": "^5.1.24",
+    "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^5.26.0",
     "@typescript-eslint/parser": "^5.26.0",
     "cz-conventional-changelog": "3.3.0",

src/app/theme.tsx

@@ -6,16 +6,16 @@ import {
 // todo: check green 600
 export const SEVERITY_COLORS: Record<Severities, string> = {
   critical: baseTheme.palette.red[900],
-  high: baseTheme.palette.yellow[600],
+  high: baseTheme.palette.yellow[700],
   medium: baseTheme.palette.blue[600],
   low: baseTheme.palette.green[600],
 };
 
 export const SEVERITY_HUES: Record<Severities, string> = {
-  critical: baseTheme.palette.red[900],
-  high: baseTheme.palette.yellow[600],
-  medium: baseTheme.palette.blue[600],
-  low: baseTheme.palette.green[600],
+  critical: `${baseTheme.palette.red[900]}14`,
+  high: `${baseTheme.palette.yellow[600]}14`,
+  medium: `${baseTheme.palette.blue[600]}14`,
+  low: `${baseTheme.palette.green[600]}14`,
 };
 // temporary fix for the bug state colors
 export const BUG_STATE_COLORS: Record<

src/assets/empty-insights.svg

@@ -23,6 +23,7 @@ import Catalog from 'src/pages/Services';
 import Manual from 'src/pages/Manual';
 import Videos from 'src/pages/Videos';
 import Video from 'src/pages/Video';
+import InsightsPage from 'src/pages/Insights';
 import SentryWrapper from 'src/features/SentryWrapper';
 import { Redirect } from './Redirect';
 
@@ -88,6 +89,10 @@ const Pages = () => {
                     path={`/${langPrefix}/campaigns/:campaignId/videos`}
                     element={<Videos />}
                   />
+                  <Route
+                    path={`/${langPrefix}/campaigns/:campaignId/insights`}
+                    element={<InsightsPage />}
+                  />
                   <Route
                     path={`/${langPrefix}/campaigns/:campaignId/videos/:videoId`}
                     element={<Video />}