diff --git a/js/components/MainWindow/Shade.js b/js/components/MainWindow/Shade.tsx
similarity index 57%
rename from js/components/MainWindow/Shade.js
rename to js/components/MainWindow/Shade.tsx
index ddd4df59..572406df 100644
--- a/js/components/MainWindow/Shade.js
+++ b/js/components/MainWindow/Shade.tsx
@@ -3,8 +3,13 @@ import { connect } from "react-redux";
 import ClickedDiv from "../ClickedDiv";
 
 import { toggleMainWindowShadeMode } from "../../actionCreators";
+import { Dispatch } from "../../types";
 
-const Shade = props => (
+interface DispatchProps {
+  handleClick(): void;
+}
+
+const Shade = (props: DispatchProps) => (
   <ClickedDiv
     id="shade"
     onMouseDown={props.handleClick}
@@ -13,11 +18,13 @@ const Shade = props => (
   />
 );
 
-const mapDispatchToProps = {
-  handleClick: toggleMainWindowShadeMode
+const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => {
+  return {
+    handleClick: () => dispatch(toggleMainWindowShadeMode())
+  };
 };
 
 export default connect(
-  () => ({}),
+  null,
   mapDispatchToProps
 )(Shade);