Relocated FrontendTypes and fixed imports

Co-authored-by: Jasmine Noor <jasnoo@users.noreply.github.com>
Co-authored-by: Minzo Kim <minzo-kim@users.noreply.github.com>
Co-authored-by: Jackie Yuan <yuanjackie1@users.noreply.github.com>

Author: 4 people

src/app/components/FrontendTypes.ts src/app/FrontendTypes.tssrc/app/components/FrontendTypes.ts renamed to src/app/FrontendTypes.ts

@@ -5,7 +5,7 @@
 import React from 'react';
 import ReactHover, { Trigger, Hover } from 'react-hover';
 import { changeView, changeSlider } from '../actions/actions';
-import { ActionProps, OptionsCursorTrueWithMargin } from '../components/FrontendTypes';
+import { ActionProps, OptionsCursorTrueWithMargin } from '../FrontendTypes';
 
 /**
  * @function Action

src/app/components/Action.tsx

@@ -3,7 +3,7 @@ import { MemoryRouter as Router } from 'react-router-dom';
 import MainContainer from '../containers/MainContainer';
 import { StoreContext } from '../store';
 import mainReducer from '../reducers/mainReducer.js';
-import { InitialStateProps } from '../components/FrontendTypes';
+import { InitialStateProps } from '../FrontendTypes';
 // currentTab is the current active tab within Google Chrome.
 // This is used to decide what tab Reactime should be monitoring. This can be "locked"
 // currentTabInApp is the current active tab within Reactime (Map, Performance, History, etc).

src/app/components/App.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { diff, formatters } from 'jsondiffpatch';
 import ReactHtmlParser from 'react-html-parser';
 import { useStoreContext } from '../store';
-import { DiffProps, StatelessCleanning } from '../components/FrontendTypes';
+import { DiffProps, StatelessCleanning } from '../FrontendTypes';
 
 /**
  * Displays tree showing specific two versions of tree

src/app/components/Diff.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MemoryRouter as Router, Route, NavLink, Switch } from 'react-router-dom';
 import Diff from './Diff';
-import { DiffRouteProps } from '../components/FrontendTypes';
+import { DiffRouteProps } from '../FrontendTypes';
 
 const DiffRoute = (props: DiffRouteProps): JSX.Element => (
   <Router>

src/app/components/DiffRoute.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Select from 'react-select';
-import { DropdownProps } from '../components/FrontendTypes'
+import { DropdownProps } from '../FrontendTypes'
 
 const Dropdown = (props: DropdownProps): JSX.Element => {
   const { speeds, setSpeed, selectedSpeed } = props;

src/app/components/Dropdown.tsx

@@ -3,7 +3,7 @@ import Slider from 'rc-slider';
 import Tooltip from 'rc-tooltip';
 import { changeSlider, pause } from '../actions/actions';
 import { useStoreContext } from '../store';
-import { HandleProps, MainSliderProps } from '../components/FrontendTypes';
+import { HandleProps, MainSliderProps } from '../FrontendTypes';
 
 const { Handle } = Slider;
 

src/app/components/MainSlider.tsx

@@ -20,7 +20,7 @@ import getLinkComponent from './getLinkComponent';
 import ToolTipDataDisplay from './ToolTipDataDisplay';
 import { toggleExpanded, setCurrentTabInApp } from '../../../actions/actions';
 import { useStoreContext } from '../../../store';
-import { LinkTypesProps, DefaultMargin, ToolTipStyles } from '../../../components/FrontendTypes'
+import { LinkTypesProps, DefaultMargin, ToolTipStyles } from '../../../FrontendTypes'
 
 const defaultMargin: DefaultMargin = {
   top: 30,

src/app/components/StateRoute/ComponentMap/ComponentMap.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/label-has-associated-control */
 import React from 'react';
-import { LinkControlProps, ControlStyles, DropDownStyle, Node } from '../../../components/FrontendTypes'
+import { LinkControlProps, ControlStyles, DropDownStyle, Node } from '../../../FrontendTypes'
 // Font size of the Controls label and Dropdowns
 const controlStyles: ControlStyles = {
   fontSize: '12px',

src/app/components/StateRoute/ComponentMap/LinkControls.tsx

@@ -12,7 +12,7 @@ import {
   LinkVerticalLine,
   LinkRadialLine,
 } from '@visx/shape';
-import { LinkComponent } from '../../../components/FrontendTypes'
+import { LinkComponent } from '../../../FrontendTypes'
 
 export default function getLinkComponent({
   layout,