From 318a7731cfcb401284c5e377c07a24e5eaa9bf9d Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Sat, 13 Oct 2018 00:12:45 -0700
Subject: [PATCH] Type action buttons

---
 .../{ActionButtons.js => ActionButtons.tsx}   | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)
 rename js/components/MainWindow/{ActionButtons.js => ActionButtons.tsx} (54%)

diff --git a/js/components/MainWindow/ActionButtons.js b/js/components/MainWindow/ActionButtons.tsx
similarity index 54%
rename from js/components/MainWindow/ActionButtons.js
rename to js/components/MainWindow/ActionButtons.tsx
index 8a81ad30..d5089f8f 100644
--- a/js/components/MainWindow/ActionButtons.js
+++ b/js/components/MainWindow/ActionButtons.tsx
@@ -1,8 +1,17 @@
 import React from "react";
 import { connect } from "react-redux";
 import { previous, play, pause, stop, next } from "../../actionCreators";
+import { Dispatch } from "../../types";
 
-const ActionButtons = props => (
+interface DispatchProps {
+  previous(): void;
+  play(): void;
+  pause(): void;
+  stop(): void;
+  next(): void;
+}
+
+const ActionButtons = (props: DispatchProps) => (
   <div className="actions">
     <div id="previous" onClick={props.previous} title="Previous Track" />
     <div id="play" onClick={props.play} title="Play" />
@@ -12,7 +21,15 @@ const ActionButtons = props => (
   </div>
 );
 
-const mapDispatchToProps = { previous, play, pause, stop, next };
+const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => {
+  return {
+    previous: () => dispatch(previous()),
+    play: () => dispatch(play()),
+    pause: () => dispatch(pause()),
+    stop: () => dispatch(stop()),
+    next: () => dispatch(next())
+  };
+};
 
 export default connect(
   null,