From 705a1c4b24f034c32bc67de6f9fb996f986e805f Mon Sep 17 00:00:00 2001
From: monilprajapati <monillprajapatii@gmail.com>
Date: Tue, 12 Nov 2024 16:03:55 +0530
Subject: [PATCH] Page breaking fixes

---
 frontend/package.json                                   | 3 ++-
 frontend/src/App.jsx                                    | 2 +-
 frontend/src/components/HealthBarChart.jsx              | 3 +++
 frontend/src/context/{contextApi.jsx => ContextApi.jsx} | 0
 frontend/src/views/Docs.jsx                             | 2 +-
 5 files changed, 7 insertions(+), 3 deletions(-)
 rename frontend/src/context/{contextApi.jsx => ContextApi.jsx} (100%)

diff --git a/frontend/package.json b/frontend/package.json
index 41c0790d..f71c766d 100755
--- a/frontend/package.json
+++ b/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",
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index a2aec50c..7349952b 100755
--- a/frontend/src/App.jsx
+++ b/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;
diff --git a/frontend/src/components/HealthBarChart.jsx b/frontend/src/components/HealthBarChart.jsx
index a4f05273..8f95c0c6 100644
--- a/frontend/src/components/HealthBarChart.jsx
+++ b/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;
diff --git a/frontend/src/context/contextApi.jsx b/frontend/src/context/ContextApi.jsx
similarity index 100%
rename from frontend/src/context/contextApi.jsx
rename to frontend/src/context/ContextApi.jsx
diff --git a/frontend/src/views/Docs.jsx b/frontend/src/views/Docs.jsx
index b5046a7f..8062408f 100755
--- a/frontend/src/views/Docs.jsx
+++ b/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,