Added comments to help decipher code.

Co-authored-by: jeffreyNa <[email protected]>
Co-authored-by: beezoo10 <[email protected]>

Author: 3 people

README.md

@@ -85,7 +85,7 @@ export DISPLAY="`sed -n 's/nameserver //p' /etc/resolv.conf`:0"
 ### Running the Chronos Desktop App in Development Mode
 
 1. From the root directory, run `npm install`
-2. Run 'npm run build'
+2. Run `npm run build`
 3. Open a new terminal and run `npm run dev:app` to start the Webpack development server
 4. Open a new terminal and run `npm run dev:electron` to start the Electron UI in development mode
 

app/charts/HealthChart.tsx

@@ -28,6 +28,7 @@ const HealthChart: React.FC<HealthChartProps> = React.memo(props => {
   }, 20);
 
   const createChart = () => {
+      // 
       const timeArr = timeList.map((el: any) => moment(el).format('kk:mm:ss'));
       const reverseTimeArr = timeArr.reverse()
       const hashedColour = colourGenerator(renderService);

app/components/TransferColumns.tsx

@@ -173,7 +173,7 @@ const TransferColumns = React.memo(() => {
     const row = {};
     row['id'] = index;
     row['tag'] = el.tag;
-    row['title'] = el.title.split(' | ')[1].replace("kubernetes-cadvisor/docker-desktop/", ""); // gets rid of the full path
+    row['title'] = el.title.split(' | ')[1].replace('kubernetes-cadvisor/docker-desktop/', ''); // gets rid of the full path
     rows.push(row);
   });
 
@@ -185,6 +185,8 @@ const TransferColumns = React.memo(() => {
     );
   });
 
+  //! BZ: creates metrics query page in Chronos
+
   return (
     <>
       <div id="getChartsContainer">

app/containers/HealthContainer.tsx

@@ -28,6 +28,9 @@ const HealthContainer: React.FC<HealthContainerProps> = React.memo(props => {
     let counter: number = 0;
     const datalist: any[] = healthData.healthDataList;
     const timelist: any[] = healthData.healthTimeList;
+    // dataList and timeList are the EXACT same thing. An array of 4 objects. [Memory, CPU, Processes, Latency]
+    // Each element has all its metrics.
+    console.log('healthData object in state: ', healthData);
     console.log('datalist in healthcontainer is:', datalist); //array of healthDataList
     console.log('timelist in healthcontainer is:', timelist);