#OBS-I297 : feat: packages change

Sanketika-Obsrv · Oct 25, 2024 · e21f4a2 · e21f4a2
1 parent bf2c535
commit e21f4a2
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 27 deletions.
diff --git a/web-console-v2/package.json b/web-console-v2/package.json
@@ -4,51 +4,52 @@
   "private": true,
   "proxy": "http://localhost:3000/console",
   "dependencies": {
+    "@ant-design/icons": "^5.5.1",
+    "@emotion/react": "11.11.4",
+    "@emotion/styled": "11.11.5",
     "@fontsource/montserrat": "^5.0.18",
+    "@monaco-editor/react": "4.6.0",
     "@mui/icons-material": "^5.16.7",
+    "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "^5.16.7",
     "@mui/x-charts": "^7.15.0",
     "@rjsf/core": "^5.18.3",
     "@rjsf/mui": "^5.18.3",
     "@rjsf/utils": "^5.18.4",
     "@rjsf/validator-ajv8": "^5.18.3",
+    "@tanstack/react-query": "5.51.15",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^16.18.97",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
+    "ajv-errors": "3.0.0",
     "apexcharts": "^3.53.0",
     "axios": "^1.7.7",
     "dayjs": "^1.11.13",
-    "pretty-ms": "^9.1.0",
+    "formik": "2.4.6",
+    "jsonata": "2.0.2",
+    "lodash": "4.17.21",
     "lottie-web": "^5.12.2",
     "millify": "^6.1.0",
+    "moment": "2.30.1",
     "pretty-bytes": "^6.1.1",
+    "pretty-ms": "^9.1.0",
     "react": "^18.3.1",
     "react-apexcharts": "^1.4.1",
     "react-dom": "^18.3.1",
+    "react-dropzone": "14.2.3",
+    "react-intl": "6.6.8",
     "react-lottie": "^1.2.4",
     "react-router-dom": "^6.23.0",
     "react-scripts": "5.0.1",
+    "react-split-pane": "2.0.3",
+    "react-table": "7.8.0",
     "typescript": "^4.9.5",
     "uuid": "^10.0.0",
     "web-vitals": "^2.1.4",
-    "@emotion/react": "11.11.4",
-    "@emotion/styled": "11.11.5",
-    "@monaco-editor/react": "4.6.0",
-    "@mui/lab": "5.0.0-alpha.173",
-    "@tanstack/react-query": "5.51.15",
-    "ajv-errors": "3.0.0",
-    "formik": "2.4.6",
-    "jsonata": "2.0.2",
-    "lodash": "4.17.21",
-    "moment": "2.30.1",
-    "react-dropzone": "14.2.3",
-    "react-intl": "6.6.8",
-    "react-split-pane": "2.0.3",
-    "react-table": "7.8.0",
     "yup": "^1.4.0"
   },
   "scripts": {
@@ -79,10 +80,21 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.2.0",
+    "@tanstack/eslint-plugin-query": "5.51.15",
+    "@tanstack/react-query-devtools": "5.51.15",
+    "@testing-library/jest-dom": "5.17.0",
+    "@testing-library/react": "13.4.0",
+    "@testing-library/user-event": "13.5.0",
+    "@types/jest": "27.5.2",
     "@types/lodash": "^4.17.7",
+    "@types/node": "16.18.97",
     "@types/pg": "^8.11.6",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.0",
     "@types/react-lottie": "^1.2.10",
+    "@types/react-table": "7.7.20",
     "@types/uuid": "^10.0.0",
+    "@types/yup": "0.32.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",
@@ -93,17 +105,6 @@
     "globals": "^15.2.0",
     "prettier": "^3.2.5",
     "react-test-renderer": "^18.3.1",
-    "typescript-eslint": "^7.8.0",
-    "@tanstack/eslint-plugin-query": "5.51.15",
-    "@tanstack/react-query-devtools": "5.51.15",
-    "@testing-library/jest-dom": "5.17.0",
-    "@testing-library/react": "13.4.0",
-    "@testing-library/user-event": "13.5.0",
-    "@types/jest": "27.5.2",
-    "@types/node": "16.18.97",
-    "@types/react": "18.2.0",
-    "@types/react-dom": "18.2.0",
-    "@types/react-table": "7.7.20",
-    "@types/yup": "0.32.0"
+    "typescript-eslint": "^7.8.0"
   }
 }
diff --git a/web-console-v2/src/components/Sidebar/SidebarElements.ts b/web-console-v2/src/components/Sidebar/SidebarElements.ts
@@ -1,5 +1,6 @@
 import React from 'react';
 import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline';
+import { AlertOutlined, MailOutlined } from '@ant-design/icons';
 import DashboardOutlinedIcon from '@mui/icons-material/DashboardOutlined';
 import ConnectorManagement from 'assets/icons/ConnectorManagement';
 import DatasetManagementIcon from 'assets/icons/DatasetManagement';
@@ -101,6 +102,18 @@ const SidebarElements = () => {
       icon: React.createElement(AddCircleOutlineIcon),
       title: 'Dataset Creation',
       route: '/home/new-dataset'
+    },
+    {
+      id: 'alertcreation',
+      icon: React.createElement(AlertOutlined),
+      title: 'Alerts',
+      route: '/console/alertRules'
+    },
+    {
+      id: 'notifications',
+      icon: React.createElement(MailOutlined),
+      title: 'Notification Channels',
+      route: '/console/alertChannels'
     }
   ];