We got kubernetes to show up on graphs

Author: joshjames289

app/charts/EventChart.tsx

@@ -21,6 +21,18 @@ const EventChart: React.FC<EventChartProps> = React.memo(props => {
   const { metric, timeList, valueList, sizing, colourGenerator } = props;
   const [solo, setSolo] = useState<SoloStyles | null>(null);
 
+  // THIS IS WHERE WE LEFT OFF~~~~~~~~
+  // eslint-disable-next-line no-console
+  console.log('metric', metric);
+  // eslint-disable-next-line no-console
+  console.log('timeList', timeList);
+  // eslint-disable-next-line no-console
+  console.log('valueList', valueList);
+  // eslint-disable-next-line no-console
+  console.log('sizing', sizing);
+  // eslint-disable-next-line no-console
+  console.log('colourGenerator', colourGenerator);
+
   setInterval(() => {
     if (solo !== soloStyle) {
       setSolo(soloStyle);

app/containers/EventContainer.tsx

@@ -10,8 +10,6 @@ interface EventContainerProps {
 }
 
 const EventContainer: React.FC<EventContainerProps> = React.memo(props => {
-  // eslint-disable-next-line no-console
-  console.log(`PROPS ${props}`);
   const { eventData } = useContext(EventContext);
   const [eventChartsArr, setEventChartsArr] = useState<JSX.Element[]>([]);
   const { selectedMetrics } = useContext(QueryContext);
@@ -30,11 +28,11 @@ const EventContainer: React.FC<EventContainerProps> = React.memo(props => {
       });
 
       eventDataList.forEach((element, id) => {
-        // eslint-disable-next-line no-console
-        console.log(`EVENTDATALIST ELEMENT ${element}`);
         const metric: string = Object.keys(element)[0];
         const valueList: any = Object.values(element)[0];
         if (selectedMetricsList.includes(metric)) {
+          // eslint-disable-next-line no-console
+          console.log('SELECTEDMETRICLIST INCLUDES METRIC', metric);
           const newEventChart = (
             <EventChart
               key={`Chart${id}`}
@@ -63,9 +61,13 @@ const EventContainer: React.FC<EventContainerProps> = React.memo(props => {
     }
     return lst;
   };
-  // JJ-ADDITION
-  return <div>{service.includes('kafkametrics' || 'kubernetesmetrics') ? eventChartsArr : []}</div>;
-  // return <div>{service.includes('kafkametrics') ? eventChartsArr : []}</div>;
+  return (
+    <div>
+      {service.includes('kafkametrics') || service.includes('kubernetesmetrics')
+        ? eventChartsArr
+        : []}
+    </div>
+  );
 });
 
-export default EventContainer;
+export default EventContainer;

app/containers/GraphsContainer.tsx

@@ -82,7 +82,7 @@ const GraphsContainer: React.FC<GraphsContainerProps> = React.memo(props => {
       }
       // JJ-ADDITION
       if (service.includes('kubernetesmetrics')) {
-        fetchEventData();
+        fetchEventData('kubernetesmetrics');
       }
     }
 

app/context/EventContext.tsx

@@ -32,6 +32,8 @@ const EventContextProvider: React.FC = React.memo(({ children }) => {
   }
 
   const fetchEventData = useCallback((arg: any) => {
+    // eslint-disable-next-line no-console
+    console.log('WE ARE IN FETCH DATA');
     if (arg === 'kafkametrics') {
       ipcRenderer.removeAllListeners('kafkaResponse');
       ipcRenderer.send('kafkaRequest');
@@ -45,9 +47,13 @@ const EventContextProvider: React.FC = React.memo(({ children }) => {
         }
       });
     } else if (arg === 'kubernetesmetrics') {
+      // eslint-disable-next-line no-console
+      console.log(`KUBES FETCH DATA`);
       ipcRenderer.removeAllListeners('kubernetesResponse');
       ipcRenderer.send('kubernetesRequest');
       ipcRenderer.on('kubernetesResponse', (event: Electron.Event, data: any) => {
+        // eslint-disable-next-line no-console
+        console.log(`DATA IS ${data}`)
         let result: any;
         if (tryParseJSON(data)) result = JSON.parse(data);
         let transformedData: any = {};