From eb296fc1827370e3ac7124722e7db2a7efd3a786 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Sat, 29 Dec 2018 16:06:15 -0800
Subject: [PATCH] Type Shuffle

---
 .../MainWindow/{Shuffle.js => Shuffle.tsx}      | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)
 rename js/components/MainWindow/{Shuffle.js => Shuffle.tsx} (67%)

diff --git a/js/components/MainWindow/Shuffle.js b/js/components/MainWindow/Shuffle.tsx
similarity index 67%
rename from js/components/MainWindow/Shuffle.js
rename to js/components/MainWindow/Shuffle.tsx
index 04852170..6b4663dc 100644
--- a/js/components/MainWindow/Shuffle.js
+++ b/js/components/MainWindow/Shuffle.tsx
@@ -4,8 +4,18 @@ import classnames from "classnames";
 import { toggleShuffle } from "../../actionCreators";
 import ContextMenuWraper from "../ContextMenuWrapper";
 import { Node } from "../ContextMenu";
+import { Dispatch, AppState } from "../../types";
 
-const Shuffle = ({ shuffle, handleClick }) => (
+interface StateProps {
+  shuffle: boolean;
+}
+
+interface DispatchProps {
+  handleClick(): void;
+}
+
+type Props = StateProps & DispatchProps;
+const Shuffle = ({ shuffle, handleClick }: Props) => (
   <ContextMenuWraper
     renderContents={() => (
       <Node
@@ -24,11 +34,12 @@ const Shuffle = ({ shuffle, handleClick }) => (
     />
   </ContextMenuWraper>
 );
-const mapStateToProps = state => ({
+
+const mapStateToProps = (state: AppState): StateProps => ({
   shuffle: state.media.shuffle
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => ({
   handleClick: () => dispatch(toggleShuffle())
 });
 export default connect(