Type MainContextMenu

js/components/ContextMenu.tsx

@@ -65,6 +65,7 @@ export const Parent = ({ children, label }: ParentProps) => (
 interface LinkNodeProps {
   label: string;
   href: string;
+  target?: string;
 }
 
 export const LinkNode = (props: LinkNodeProps) => (

js/components/MainWindow/MainContextMenu.tsx

@@ -12,8 +12,35 @@ import { Hr, Node, Parent, LinkNode } from "../ContextMenu";
 import PlaybackContextMenu from "../PlaybackContextMenu";
 import OptionsContextMenu from "../OptionsContextMenu";
 import SkinsContextMenu from "../SkinsContextMenu";
+import {
+  AppState,
+  Dispatch,
+  Track,
+  WindowId,
+  FilePicker,
+  LoadStyle
+} from "../../types";
+import { WebampWindow } from "../../reducers/windows";
 
-const MainContextMenu = props => (
+interface StateProps {
+  networkConnected: boolean;
+  genWindows: { [windowId: string]: WebampWindow };
+}
+
+interface DispatchProps {
+  close(): void;
+  openMediaFileDialog(): void;
+  loadMediaFiles(tracks: Track[], loadStyle: LoadStyle): void;
+  toggleGenWindow(windowId: WindowId): void;
+}
+
+interface OwnProps {
+  filePickers: FilePicker[];
+}
+
+type Props = StateProps & DispatchProps & OwnProps;
+
+const MainContextMenu = (props: Props) => (
   <React.Fragment>
     <LinkNode
       href="https://github.com/captbaritone/webamp"
@@ -36,7 +63,7 @@ const MainContextMenu = props => (
                   } catch (e) {
                     console.error("Error loading from file picker", e);
                   }
-                  props.loadMediaFiles(files, LOAD_STYLE.PLAY);
+                  props.loadMediaFiles(files || [], LOAD_STYLE.PLAY);
                 }}
                 label={picker.contextMenuName}
               />
@@ -67,16 +94,19 @@ const MainContextMenu = props => (
   </React.Fragment>
 );
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state: AppState): StateProps => ({
   networkConnected: state.network.connected,
   genWindows: getGenWindows(state)
 });
 
-const mapDispatchToProps = {
-  close,
-  openMediaFileDialog,
-  loadMediaFiles,
-  toggleGenWindow: toggleWindow
+const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => {
+  return {
+    close: () => dispatch(close()),
+    openMediaFileDialog: () => dispatch(openMediaFileDialog()),
+    loadMediaFiles: (tracks: Track[], loadStyle: LoadStyle) =>
+      dispatch(loadMediaFiles(tracks, loadStyle)),
+    toggleGenWindow: (windowId: WindowId) => dispatch(toggleWindow(windowId))
+  };
 };
 
 export default connect(

js/components/MainWindow/index.tsx

@@ -121,10 +121,7 @@ export class MainWindow extends React.Component<Props> {
             bottom
             handle={<ClickedDiv id="option" title="Winamp Menu" />}
           >
-            <MainContextMenu
-              // @ts-ignore MainContextMenu is not typed yet
-              filePickers={filePickers}
-            />
+            <MainContextMenu filePickers={filePickers} />
           </ContextMenuTarget>
           {mainShade && <MiniTime />}
           <Minimize />