cleaned up some files

Author: garrettlchow

.travis.yml

@@ -11,7 +11,6 @@ import MainContainer from './containers/MainContainer';
 function App(): JSX.Element {
   return (
     <Router>
-      {/* we wrap our application with the <Router> tag so that all components that are nested will have the react-router context */}
       <MainContainer />
     </Router>
   );

Dockerfile

@@ -1,5 +1,4 @@
 import React from 'react';
-import Slider from 'rc-slider';
 import VerticalSlider from '../TimeTravel/VerticalSlider';
 
 /*

docker-compose.yml

@@ -7,7 +7,7 @@ import { Component } from 'react';
 import 'intro.js/introjs.css';
 import { TutorialProps, TutorialState, StepsObj } from '../../FrontendTypes';
 import { Button } from '@mui/material';
-const { Steps } = require('intro.js-react'); //Must be required in. This enables compatibility with TS. If imported in, throws ts error of not rendering steps as a class component correctly. The package 'intro.js-react' is small React wrapper around Intro.js. The wrapper provides support for both steps and hints. https://introjs.com/docs/
+const { Steps } = require('intro.js-react');
 import { setCurrentTabInApp, tutorialSaveSeriesToggle } from '../../slices/mainSlice';
 import { HelpCircle } from 'lucide-react';
 

src/app/App.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useRef } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
+import { useDispatch } from 'react-redux';
 import { Group } from '@visx/group';
 import { hierarchy, Tree } from '@visx/hierarchy';
 import { LinearGradient } from '@visx/gradient';
@@ -9,7 +9,7 @@ import { useTooltip, useTooltipInPortal, defaultStyles } from '@visx/tooltip';
 import ToolTipDataDisplay from './ToolTipDataDisplay';
 import { ToolTipStyles } from '../../../FrontendTypes';
 import { localPoint } from '@visx/event';
-import { toggleExpanded, setCurrentTabInApp } from '../../../slices/mainSlice';
+import { toggleExpanded } from '../../../slices/mainSlice';
 
 const defaultMargin = {
   top: 30,
@@ -74,7 +74,7 @@ export default function AxTree(props) {
   };
 
   const [orientation, setOrientation] = useState('horizontal');
-  const [linkType, setLinkType] = useState('step');
+  const [linkType, setLinkType] = useState('diagonal');
   const [stepPercent, setStepPercent] = useState(0.0);
 
   const innerWidth: number = totalWidth - margin.left - margin.right;
@@ -408,7 +408,7 @@ export default function AxTree(props) {
             </div>
             <div>
               {/* Ax Node Info below names the tooltip title because of how its passed to the ToolTipDataDisplay container*/}
-              <ToolTipDataDisplay containerName='Ax Node Info' dataObj={tooltipData} />
+              <ToolTipDataDisplay containerName='Accessbility' dataObj={tooltipData} />
             </div>
           </div>
         </TooltipInPortal>

src/app/components/Actions/RouteDescription.tsx

@@ -17,7 +17,7 @@ const colors = {
   base06: '#b9b6b0',
   base07: '#e7e9db',
   base08: '#ef6155',
-  base09: '#824508', //base09 is orange for booleans and numbers. This base in particular fails to match the entered color.
+  base09: '#824508',
   base0A: '#fec418',
   base0B: '#48b685',
   base0C: '#5bc4bf',

src/app/components/Buttons/Tutorial.tsx

@@ -2,5 +2,5 @@ import { useState } from 'react';
 
 export default function useForceUpdate() {
   const [, setValue] = useState(0);
-  return () => setValue((value) => value + 1); // update state to force render
+  return () => setValue((value) => value + 1);
 }

src/app/components/StateRoute/AxMap/Ax.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import Slider from 'rc-slider';
 import Tooltip from 'rc-tooltip';
-import { changeSlider, pause } from '../../slices/mainSlice';
+import { changeSlider } from '../../slices/mainSlice';
 import { useDispatch, useSelector } from 'react-redux';
 import { HandleProps, MainSliderProps, MainState, RootState } from '../../FrontendTypes';