Fixed warnings in react ui so it can compile

skyline-vscode/react-ui/src/App.js

@@ -59,7 +59,7 @@ function App() {
   const [analysisState, setAnalysisState] = useState();
   const [textChanged, setTextChanged] = useState(false);
   const [timeBreakDown, setTimeBreakdown] = useState([]);
-
+  // eslint-disable-next-line
   const [vscodeApi, setVscodeApi] = useState(acquireApi());
   const [errorText, setErrorText] = useState();
   const [connectionStatus, setConnectionStatus] = useState(false);

skyline-vscode/react-ui/src/components/ModelLayers/PerfHintState.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-anonymous-default-export
 export default {
   NONE: 'none',
   INCREASING: 'increasing',

skyline-vscode/react-ui/src/components/ScatterGraph.js

@@ -134,6 +134,7 @@ export const HabitatScatterGraph = ({ habitatData, height }) => {
   };
 
   const renderCustomizedLabel = (props) => {
+    // eslint-disable-next-line no-unused-vars
     const { x, y, width, height, value } = props;
     const y_offset = 5;
     return (

skyline-vscode/react-ui/src/components/StackedBarGraph.js

@@ -14,6 +14,7 @@ import {
 } from "recharts";
 
 const renderCustomizedLabel = (props) => {
+  // eslint-disable-next-line no-unused-vars
   const { x, y, width, height, value } = props;
   const Y_OFFSET = 10;
 

skyline-vscode/react-ui/src/utils/utils.js

@@ -94,7 +94,7 @@ export function toReadableByteSize(sizeBytes) {
     }
     size /= 1024;
   }
-  if (index == BYTE_UNITS.length) {
+  if (index === BYTE_UNITS.length) {
     index--;
   }
 
@@ -139,11 +139,11 @@ export function getTraceByLevel(tree) {
   tree[0]["depth"] = 0;
   tree_size(0);
 
-  let coarseDecomposition = tree.filter(node => { return node["depth"] == 1; });
+  let coarseDecomposition = tree.filter(node => { return node["depth"] === 1; });
   for (let fineLevel = 1; ; fineLevel ++) {
-    let fineDecomposition = tree.filter(node => { return node["depth"] == fineLevel; });
+    let fineDecomposition = tree.filter(node => { return node["depth"] === fineLevel; });
     console.log(`fineLevel: ${fineLevel}, length: ${fineDecomposition.length}`);
-    if (fineDecomposition.length == 0) return { coarse: coarseDecomposition, fine: coarseDecomposition };
+    if (fineDecomposition.length === 0) return { coarse: coarseDecomposition, fine: coarseDecomposition };
     if (fineDecomposition.length >= 7) return { coarse: coarseDecomposition, fine: fineDecomposition };
   }
 }