From eeb8f8180f22d0aa4fbb7ab3cc9d34808a8c356e Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Sat, 13 Oct 2018 00:14:32 -0700
Subject: [PATCH] Type the close button

---
 js/components/MainWindow/Close.js  | 14 --------------
 js/components/MainWindow/Close.tsx | 23 +++++++++++++++++++++++
 2 files changed, 23 insertions(+), 14 deletions(-)
 delete mode 100644 js/components/MainWindow/Close.js
 create mode 100644 js/components/MainWindow/Close.tsx

diff --git a/js/components/MainWindow/Close.js b/js/components/MainWindow/Close.js
deleted file mode 100644
index d6f497c1..00000000
--- a/js/components/MainWindow/Close.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import { connect } from "react-redux";
-import ClickedDiv from "../ClickedDiv";
-
-import { close } from "../../actionCreators";
-
-const Close = ({ onClick }) => (
-  <ClickedDiv id="close" onClick={onClick} title="Close" />
-);
-
-export default connect(
-  null,
-  { onClick: close }
-)(Close);
diff --git a/js/components/MainWindow/Close.tsx b/js/components/MainWindow/Close.tsx
new file mode 100644
index 00000000..6921b174
--- /dev/null
+++ b/js/components/MainWindow/Close.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import { connect } from "react-redux";
+import ClickedDiv from "../ClickedDiv";
+
+import { close } from "../../actionCreators";
+import { Dispatch } from "../../types";
+
+interface DispatchProps {
+  onClick: () => void;
+}
+
+const Close = ({ onClick }: DispatchProps) => (
+  <ClickedDiv id="close" onClick={onClick} title="Close" />
+);
+
+const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => {
+  return { onClick: () => dispatch(close()) };
+};
+
+export default connect(
+  null,
+  mapDispatchToProps
+)(Close);