completed Dropdown.tsx. TravelContainer in progress

Author: EivindDelFierro

src/app/components/Dropdown.tsx

@@ -2,15 +2,20 @@ import React from 'react';
 import Select from 'react-select';
 import { DropdownProps } from '../FrontendTypes'
 
+/*
+  Allows the user to change the speed of the time-travel based on the selected dropdown value
+  Component is created in the TravelContainer.tsx
+*/
+
 const Dropdown = (props: DropdownProps): JSX.Element => {
   const { speeds, setSpeed, selectedSpeed } = props;
   return (
     <Select
       className='react-select-container'
       classNamePrefix='react-select'
-      value={selectedSpeed}
-      onChange={setSpeed}
-      options={speeds}
+      value={selectedSpeed} // the text displayed will be based on the currently selected speed
+      onChange={setSpeed} // allows the speed to change upon selection
+      options={speeds} // custom speed options that are visible to the user
       menuPlacement='top'
     />
   );

src/app/containers/TravelContainer.tsx

@@ -13,6 +13,11 @@ import {
 import { useStoreContext } from '../store';
 import { TravelContainerProps } from '../FrontendTypes';
 
+/*
+  This container renders the time-travel play button, seek bar, playback controls, and the playback speed dropdown, located towards the bottom of the application, above the locked, download, upload, and tutorial buttons
+*/
+
+//
 const speeds: {
   value: number;
   label: string;