Full TS implementation on SwitchApp.tsx

Author: yuanjackie1

src/app/components/SwitchApp.tsx

@@ -3,23 +3,23 @@ import Select from 'react-select';
 import { useStoreContext } from '../store';
 import { setTab } from '../actions/actions';
 
-const SwitchAppDropdown = () => {
+const SwitchAppDropdown = (): JSX.Element => {
   const [{ currentTab, tabs }, dispatch] = useStoreContext();
 
-  const tabsArray: any[] = [];
+  const tabsArray: {}[] = [];
   Object.keys(tabs).forEach((tab) => {
     tabsArray.unshift({ value: tab, label: tabs[tab].title });
   });
 
-  const currTab = {
+  const currTab: {} = {
     value: currentTab,
     label: tabs[currentTab].title,
   };
 
-  const customStyles = {
-    menu: (provided, state) => {
-      const outline = state.isSelected ? 'transparent' : 'transparent';
-      const margin = 0;
+  const customStyles: {} = {
+    menu: (provided, state):{} => {
+      const outline: string = state.isSelected ? 'transparent' : 'transparent';
+      const margin: number = 0;
 
       return { ...provided, outline, margin };
     },
@@ -31,7 +31,7 @@ const SwitchAppDropdown = () => {
       classNamePrefix='tab-select'
       value={currTab}
       styles={customStyles}
-      onChange={(e) => {
+      onChange={(e): void => {
         dispatch(setTab(parseInt(e.value, 10)));
       }}
       options={tabsArray}