began styling travel buttons

Author: garrettlchow

src/app/components/StateRoute/WebMetrics/WebMetrics.tsx

@@ -10,7 +10,6 @@ import { useDispatch } from 'react-redux';
 
 const radialGraph = (props) => {
   const dispatch = useDispatch();
-  console.log('props', props);
   const state = {
     series: [props.series], // series appears to be the scale at which data is displayed based on the type of webMetrics measured.
     options: {

src/app/containers/MainContainer.tsx

@@ -121,7 +121,6 @@ function MainContainer(): JSX.Element {
     }
   };
 
-  // useEffect(() => {
   async function awaitPortConnection() {
     if (port) return; // only open port once so if it exists, do not run useEffect again
 
@@ -148,10 +147,7 @@ function MainContainer(): JSX.Element {
     dispatch(endConnect());
   }
   awaitPortConnection();
-  // });
 
-  // Error Page launch IF(Content script not launched OR RDT not installed OR Target not React app)
-  // setTimeout(() => {
   if (
     !tabs[currentTab] ||
     //@ts-ignore
@@ -163,8 +159,6 @@ function MainContainer(): JSX.Element {
     return <ErrorContainer port={port} />;
   }
 
-  // }, 5000);
-
   const { axSnapshots, currLocation, viewIndex, sliderIndex, snapshots, hierarchy, webMetrics } =
     tabs[currentTab]; // we destructure the currentTab object which is passed in from background.js
   //@ts-ignore

src/app/styles/layout/_travelContainer.scss

@@ -15,8 +15,7 @@
 .react-select__control {
   background-color: #f3f4f6 !important;
   border: none !important;
-  border-radius: 0.375rem !important;
-  min-height: 30px !important;
+  border-radius: 6px !important;
   box-shadow: none !important;
 }
 
@@ -25,3 +24,4 @@
   font-size: 0.875rem !important;
   font-weight: 500 !important;
 }
+