further trying to get kubes metrics to render on graph with console logs sprinkled

Author: joshjames289

app/components/TransferColumns.tsx

@@ -8,6 +8,7 @@ import { QueryContext } from '../context/QueryContext';
 import { HealthContext } from '../context/HealthContext';
 import { EventContext } from '../context/EventContext';
 import AvQueuePlayNext from 'material-ui/svg-icons/av/queue-play-next';
+import CommunicationPhonelinkSetup from 'material-ui/svg-icons/communication/phonelink-setup';
 
 const TableTransfer = ({ leftColumns, rightColumns, ...restProps }) => (
   <Transfer {...restProps}>
@@ -111,13 +112,20 @@ const TransferColumns = React.memo(() => {
       }
     } 
     // JJ-ADDITION (CAN ALSO JUST ADD OR OPERATOR TO ABOVE CONDITIONAL)
+    else if (service === 'kubernetesmetrics') {
+      if (healthDataList && healthDataList.length > 0) {
+        setMetricsPool(getMetrics('health', healthDataList));
+      } else if (healthMetricsReady) {
+        setMetricsPool(healthMetrics);
+      }
+    }
     // else if (service === 'kubernetesmetrics') {
     //   if (eventDataList && eventDataList.length > 0) {
     //     setMetricsPool(getMetrics('event', eventDataList));
     //   } else if (eventMetricsReady) {
     //     setMetricsPool(eventMetrics);
     //   }
-    // }
+    // } 
     else if (!service.includes('kafkametrics')) {
       if (healthDataList && healthDataList.length > 0) {
         setMetricsPool(getMetrics('health', healthDataList));
@@ -202,11 +210,11 @@ const TransferColumns = React.memo(() => {
     setShowSearch(checked);
   };
   const handleClick = () => {
-    //setSelectedMetrics
+    // setSelectedMetrics
     const temp: any[] = [];
     const categorySet = new Set();
     for (let i = 0; i < targetKeys.length; i++) {
-      let str: string = targetKeys[i];
+      const str: string = targetKeys[i];
       const strArr: string[] = str.split(' | ');
       const categoryName = strArr[0];
       const metricName = strArr[1];

app/containers/EventContainer.tsx

@@ -10,6 +10,8 @@ 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);
@@ -28,6 +30,8 @@ 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)) {

app/containers/GraphsContainer.tsx

@@ -57,6 +57,8 @@ const GraphsContainer: React.FC<GraphsContainerProps> = React.memo(props => {
     const healthServiceArray = serviceArray.filter(
       (value: string) => value !== 'kafkametrics' || 'kubernetesmetrics'
     );
+    // eslint-disable-next-line no-console
+    console.log(`HEALTH SERVICES ARRAY ${healthServiceArray}`);
     if (live) {
       setIntervalID(
         setInterval(() => {
@@ -97,6 +99,8 @@ const GraphsContainer: React.FC<GraphsContainerProps> = React.memo(props => {
       if (prevRoute === '') history.replace(`${servicesData[0].microservice}`);
       else history.replace(prevRoute);
     }
+    // eslint-disable-next-line no-console
+    console.log(`ROUTE ${route}`);
     setChart(route);
   };
 
@@ -132,6 +136,8 @@ const GraphsContainer: React.FC<GraphsContainerProps> = React.memo(props => {
       selectedMetrics.forEach((element, id) => {
         const categoryName = Object.keys(element)[0];
         const prefix = categoryName === 'Event' ? 'event_' : 'health_';
+        // eslint-disable-next-line no-console
+        console.log(`PREFIX ${prefix} categoryName is ${categoryName}`);
         buttonList.push(
           <button
             id={`${prefix}${categoryName}-button`}

app/containers/HealthContainer.tsx

@@ -68,9 +68,11 @@ const HealthContainer: React.FC<HealthContainerProps> = React.memo(props => {
     }
   }, [healthData, category]);
 
-  return <div>{service !== 'kafkametrics' ? healthChartsArr : []}</div>;
+  // return <div>{service !== 'kafkametrics' ? healthChartsArr : []}</div>;
   // JJ-ADDITION
-  // return <div>{service.includes('kafkametrics' || 'kubernetesmetrics') ? eventChartsArr : []}</div>;
+  return (
+    <div>{service.includes('kafkametrics' || 'kubernetesmetrics') ? healthChartsArr : []}</div>
+  );
 });
 
 export default HealthContainer;

electron/routes/dashboard.ts

@@ -54,7 +54,6 @@ ipcMain.on('getApps', message => {
   // "",
   // "Dec 13, 2022 10:16 AM"]
   // Sync event - return new applications list w/ user settings: Mode
-  console.log(dashboardList);
   message.returnValue = [dashboardList, temp.mode];
 });