From 8e6a1ba045eeec53442da6df58f10b34ff270863 Mon Sep 17 00:00:00 2001
From: Roman-Ojha <razzroman98@gmail.com>
Date: Wed, 29 Jun 2022 22:28:05 +0545
Subject: [PATCH] fix(client): Message Page js->ts

fixing #109
---
 client/src/pages/{Message.js => Message.tsx} | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)
 rename client/src/pages/{Message.js => Message.tsx} (75%)

diff --git a/client/src/pages/Message.js b/client/src/pages/Message.tsx
similarity index 75%
rename from client/src/pages/Message.js
rename to client/src/pages/Message.tsx
index d59d6446..ccce91a6 100644
--- a/client/src/pages/Message.js
+++ b/client/src/pages/Message.tsx
@@ -5,21 +5,27 @@ import "../styles/components/messageBox.css";
 import "../styles/pages/MessagePage.css";
 import InnerUserMessage from "../components/MessagePage/InnerUserMessage";
 import MessagesList from "../components/MessagePage/MessagesList";
-import { mainPageMessageViewOnOff } from "../services/redux-actions/index";
+// import { mainPageMessageViewOnOff } from "../services/redux-actions/index";
 import OpenSideBarDrawerButton from "../components/OpenSideBarDrawerButton";
 import OpenRightPartDrawerButton from "../components/OpenRightPartDrawerButton";
+import { AppState, actionCreators } from "../services/redux";
+import { bindActionCreators } from "redux";
 
-const Message = () => {
+const Message = (): JSX.Element => {
   const dispatch = useDispatch();
   const currentMessageStore = useSelector(
-    (state) => state.setCurrentUserMessageReducer
+    (state: AppState) => state.setCurrentUserMessageReducer
   );
   const mainPageInnerMessageBoxOnOffState = useSelector(
-    (state) => state.mainPageInnerMessageBoxOnOff
+    (state: AppState) => state.mainPageInnerMessageBoxOnOff
+  );
+  const { mainPageMessageViewOnOff } = bindActionCreators(
+    actionCreators,
+    dispatch
   );
 
   useEffect(() => {
-    dispatch(mainPageMessageViewOnOff(false));
+    mainPageMessageViewOnOff(false);
   }, [dispatch]);
 
   return (