Maintenance

src/components/averages.tsx

@@ -13,16 +13,11 @@ const Averages = () => {
   const store = useAppSelector((state) => state);
   const resolverData = store.data;
 
-  // iterate through resolverData
-  // set count variable for resolvers of same type
-  // sum duration and find average for resolvers of same type
-  // save averages as object { resolverName: averageDuration }
-
   const tableData: JSX.Element[] = [];
 
-  let totalSum = 0;
-  let totalCount = 0;
-  let totalAverage;
+  let totalSum: number = 0;
+  let totalCount: number = 0;
+  let totalAverage: number | undefined;
 
   // if no resolver data set total average to 0
   totalCount === 0 ? totalAverage = 0 : totalAverage = totalSum / totalCount;

src/components/liveFeed.tsx

@@ -18,7 +18,6 @@ const LiveFeed = () => {
 
   const store = useAppSelector(state => state)
   const data = store.data.rawdata;
-  console.log('DATA FROM LIVE FEED: ', data);
 
   const items = data.map((obj: Object, i: Key) => {
     return (

src/components/metricsTable.tsx

@@ -4,10 +4,10 @@ import { Flex } from '@chakra-ui/layout';
 const MetricsTable = ({ data }: any) => {
 
   const details: Array<any> = [];
-  let response;
-  let errors = '';
+  let response: string | undefined;
+  let errors: string = '';
 
-  for (let str of Object.keys(data)) {
+  for (let str of Object.keys(data)) { 
     if (str === 'trace_id') continue;
     if (str === 'errors') {
       errors += JSON.stringify(data[str]);

src/components/navitem.tsx

@@ -1,4 +1,3 @@
-import React, { useEffect, useState } from 'react'
 import {
     Flex,
     Text,

src/components/resolverMetric.tsx

@@ -23,10 +23,10 @@ const ResolverMetric = ({ data, id }: any) => {
     }
   }, [data])
 
-  const colors = ['orange.300', 'orange.400', 'orange.500', 'orange.600', 'orange.700'];
-  const errColors = ['red.500', 'red.600', 'red.700', 'red.800', 'red.900'];
+  const colors: string[] = ['orange.300', 'orange.400', 'orange.500', 'orange.600', 'orange.700'];
+  const errColors: string[] = ['red.500', 'red.600', 'red.700', 'red.800', 'red.900'];
   let index = 0;
-  const filteredData = Object.keys(data).filter(key => (
+  const filteredData: any[] = Object.keys(data).filter(key => (
     key !== 'dateAndTime' && key !== 'totalDuration' && key !== 'trace_id' && key !== 'errors' && key !== 'response'
   ));
 

src/state/action-creators/index.js

@@ -1,18 +1,10 @@
 import * as types from '../constants/actionTypes'
 
-// create action creators and export them all individually
-// "export const [nameOfCreator]""
-
 export const updateDataActionCreator = newData => ({
   type: types.UPDATE_DATA,
   payload: newData
 })
 
 export const deleteDataActionCreator = () => ({
   type: types.DELETE_DATA
-})
-
-// maybe add some actions for options 
-// actions can update how many resolvers to show for each graph
-
-// do we need action for darkmode? or chakra ui provides native method?
+})

src/state/reducers/dataReducer.js

@@ -17,9 +17,10 @@ const dataReducer = (state = initialState, action) => {
       // UPDATE RAW DATA ARRAY
       clone.rawdata.push(data);
 
-      // UPDATE AVERAGES + COUNT
+      // UPDATE AVERAGES + COUNT 
+      const unrelatedKeys = ['dateAndTime', 'errors', 'response', 'totalDuration', 'trace_id'];
       for (let key in data) {
-        if (key !== 'dateAndTime' && key !== 'errors' && key !== 'response' && key !== 'totalDuration' && key !== 'trace_id') {
+        if (!unrelatedKeys.includes(key)) {
           if (clone.averages[key]) {
             let sum = clone.averages[key] * clone.count[key];
             sum += data[key];

tracer-npm-package/goTrace.js

@@ -40,15 +40,15 @@ module.exports = async function goTrace(schema, query, root, context, variables)
   if (errors.length === 0) {
     console.log(`Validation successful query can be executed`);  
   } else {
-    Object.keys(rootQueryObj).includes('errors') ? rootQueryObj['errors'].push(errors) : rootQueryObj['errors'] = [...errors];
+    rootQueryObj.hasOwnProperty('errors') ? rootQueryObj['errors'].push(errors) : rootQueryObj['errors'] = [...errors];
   }
 
   let endTime;
   let response;
 
   // Execute the query against the schema
   const currentDate = new Date(); 
-  const timestamp = currentDate. getTime()
+  const timestamp = currentDate.getTime()
   const dateAndTime = `${currentDate} | ${timestamp}`;
 
   rootQueryObj['dateAndTime'] = dateAndTime;
@@ -62,7 +62,7 @@ module.exports = async function goTrace(schema, query, root, context, variables)
     .then(() => { return rootQueryObj })
     .catch(err => {
       // rootQueryObj.hasOwnProperty('errors')
-      Object.keys(rootQueryObj).includes('errors') ? rootQueryObj['errors'].push(err.message) : rootQueryObj['errors'] = [...err.message];
+      rootQueryObj.hasOwnProperty('errors') ? rootQueryObj['errors'].push(err.message) : rootQueryObj['errors'] = [...err.message];
     });
 
   rootQueryObj.totalDuration = JSON.parse((endTime[1] / 1e6).toFixed(2));

tracer-npm-package/server.js

@@ -9,7 +9,6 @@ app.use(express.static('out'))
 app.use(express.json())
 
 app.post('/socketio', (req, res) => {
-  console.log(req.body)
   req.app.io.emit('data', req.body)
   res.end()
 })