Merge pull request #1546 from Monilprajapati/2.0.0

Page breaking fixes

frontend/package.json

@@ -21,6 +21,7 @@
     "@uiw/codemirror-themes": "^4.21.9",
     "@uiw/react-codemirror": "^4.21.21",
     "algoliasearch": "^4.8.3",
+    "chart.js": "^3.0.0",
     "class-transformer": "^0.2.0",
     "codemirror": "^6.0.1",
     "cpx": "^1.5.0",
@@ -60,7 +61,7 @@
     "react-alice-carousel": "^2.6.4",
     "react-avatar-editor": "^11.1.0",
     "react-beforeunload": "^2.2.1",
-    "react-chartjs-2": "^5.2.0",
+    "react-chartjs-2": "^5.0.0",
     "react-cookie": "^4.0.1",
     "react-cytoscapejs": "^2.0.0",
     "react-device-detect": "^2.2.3",

frontend/src/App.jsx

@@ -48,7 +48,7 @@ import 'react-toastify/dist/ReactToastify.css';
 
 import Drift from "react-driftjs";
 
-import { AppContext } from './context/contextApi.jsx';
+import { AppContext } from './context/ContextApi.jsx';
 
 // Production - backend proxy forwarding in nginx
 var globalUrl = window.location.origin;

frontend/src/components/HealthBarChart.jsx

@@ -1,5 +1,8 @@
 import React from 'react';
 import { Bar } from 'react-chartjs-2';
+import { Chart, registerables } from 'chart.js';
+
+Chart.register(...registerables);
 
 const HealthBarChart = (props) => {
     const { globalUrl, filteredData, options, onBarClick  } = props;

frontend/src/views/Docs.jsx

@@ -1294,7 +1294,7 @@ const DocsWrapper = memo(({userdata, children })=>{
     return (
         <div style={{
             minHeight: 1000, zIndex: 1, 
-            maxWidth: Math.min(!userdata.support ? 1920 : leftSideBarOpenByClick ? windowWidth - 300 : windowWidth - 200, 1920), 
+            maxWidth: Math.min(!userdata?.support ? 1920 : leftSideBarOpenByClick ? windowWidth - 300 : windowWidth - 200, 1920), 
             minWidth: isMobile ? null : userdata?.support ? leftSideBarOpenByClick ? 800 : 900 : null, margin: "auto", 
             position: userdata?.support && leftSideBarOpenByClick ? "relative" : "static", 
             left: userdata?.support && leftSideBarOpenByClick ? 120 : userdata?.support && !leftSideBarOpenByClick ? 80 : 0,