Removed unused chart logic.

Author: mesherrera

app/components/ServiceDetails.jsx

@@ -10,18 +10,18 @@ const ServiceDetails = (props) => {
   const healthdata = useContext(HealthInformationContext);
   const [detailsState, setDetails] = useState();
 
-  
+
   useEffect(() => {
     // IPC communication used to initiate query for information on microservices.
     ipcRenderer.send('detailsRequest', props.index);
-    
+ 
     // IPC listener responsible for retrieving infomation from asynchronous main process message.
     ipcRenderer.on('detailsResponse', (event, data) => {
       setDetails(Object.values(JSON.parse(data)));
       healthdata.detailData = detailsState;
     });
   }, []);
-  
+ 
   console.log(detailsState);
   return (
     <div>

app/components/ServiceOverview.jsx

@@ -1,5 +1,4 @@
 import React, { useState, useEffect, useContext } from 'react';
-import { Line, Bar, Pie } from 'react-chartjs-2';
 import OverviewContext from '../context/OverviewContext';
 import ServiceDetails from './ServiceDetails.jsx';
 
@@ -67,57 +66,15 @@ const ServiceOverview = (props) => {
     return componentButtons;
   };
 
-  const newData = {
-    data: {
-      labels: ['Books.js', 'Customers.js', 'Orders.js'],
-      datasets: [
-        {
-          label: 'Temperature (in Celcius)',
-          backgroundColor: 'rgb(150, 220, 75',
-          data: [39, 45, 50],
-        },
-      ],
-    },
-  };
-
-  const setGradientColor = (canvas, color) => {
-    const ctx = canvas.getContext('2d');
-    const gradient = ctx.createLinearGradient(0, 0, 600, 550);
-    gradient.addColorStop(0, color);
-    gradient.addColorStop(0.95, 'rgba(133, 144, 0.5');
-    return gradient;
-  };
-
-  const getChartData = (canvas) => {
-    const { data } = newData;
-    if (data.datasets) {
-      const colors = ['rgb(255, 206, 9)', 'rgb(150, 220, 75'];
-      data.datasets.forEach((set, i) => {
-        set.backgroundColor = setGradientColor(canvas, colors[i]);
-        set.borderColor = 'white';
-        set.borderWidth = 2;
-      });
-    }
-    return data;
-  };
-
   if (detailsSelected) return detailsSelected;
+
   return (
     <div className="mainContainer">
       <div>
         <h1>Microservices Overview</h1>
       </div>
       <div />
-      <div className="servicesList">{renderState()}</div>
-      {/* <div style={{ position: 'relative', width: 700, height: 650 }}>
-        <Bar
-          options={{
-            title: { display: true, text: 'CPU Performance', fontSize: 30 },
-            responsive: true,
-          }}
-          data={getChartData}
-        />
-      </div> */}
+         <div className="servicesList">{renderState()}</div>
       <div />
     </div>
   );