fix(client): MessagePage SendMessage js->ts

fixing #109

client/src/components/MessagePage/SingleMessage.jsx → client/src/components/MessagePage/SingleMessage.tsx

@@ -1,10 +1,11 @@
 import React from "react";
 import { useSelector } from "react-redux";
 import User_Profile_Icon from "../../assets/svg/User_profile_Icon.svg";
+import { AppState } from "../../services/redux";
 
-const SingleMessage = (props) => {
+const SingleMessage = (props): JSX.Element => {
   const userProfileDetailStore = useSelector(
-    (state) => state.setUserProfileDetailReducer
+    (state: AppState) => state.setUserProfileDetailReducer
   );
   return (
     <>

client/src/pages/Home.tsx

@@ -8,7 +8,7 @@ import OpenRightPartDrawerButton from "../components/OpenRightPartDrawerButton";
 import UserPostField from "../components/HomePage/UserPostField";
 import ReturnHomePageFeed from "../components/HomePage/ReturnHomePageFeed";
 
-const Home = () => {
+const Home = (): JSX.Element => {
   return (
     <>
       <LoadingSpinner />

client/src/pages/Index.tsx

@@ -21,7 +21,7 @@ import { toastError } from "../services/toast";
 import { bindActionCreators } from "redux";
 import { actionCreators } from "../services/redux";
 
-const Index = () => {
+const Index = (): JSX.Element => {
   const dispatch = useDispatch();
   const history = useHistory();
   const [renderMainPage, setRenderMainPage] = useState<boolean>(false);

client/src/pages/Page404.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import "../styles/pages/page404.css";
 import { useHistory } from "react-router-dom";
 
-const Page404 = () => {
+const Page404 = (): JSX.Element => {
   const history = useHistory();
   return (
     <>

client/src/pages/Setting.tsx

@@ -11,7 +11,7 @@ import ChangeDisplayName from "../components/SettingPage/ChangeDisplayName";
 import ChangePassword from "../components/SettingPage/ChangePassword";
 import DeleteProfile from "../components/SettingPage/DeleteProfile";
 
-const Setting = () => {
+const Setting = (): JSX.Element => {
   return (
     <>
       <LoadingSpinner />

client/src/pages/SignIn.tsx

@@ -13,7 +13,7 @@ import { toastError, toastInfo } from "../services/toast";
 import constant from "../constant/constant";
 import { AxiosError } from "axios";
 
-const SignIn = () => {
+const SignIn = (): JSX.Element => {
   const dispatch = useDispatch();
   const [signInDetail, setSignInDetail] = useState({
     email: "",

client/src/pages/SignUp.tsx

@@ -13,7 +13,7 @@ import { toastError, toastSuccess, toastWarn } from "../services/toast";
 import constant from "../constant/constant";
 
 let previousSelectGenderElement: HTMLDivElement;
-const SignUp = () => {
+const SignUp = (): JSX.Element => {
   const dispatch = useDispatch();
   const history = useHistory();
   let today = new Date();

client/src/pages/Stories.tsx

@@ -7,7 +7,7 @@ import { NavLink, useHistory } from "react-router-dom";
 import { Helmet } from "react-helmet";
 import { AppState } from "../services/redux";
 
-const Stories = () => {
+const Stories = (): JSX.Element => {
   const history = useHistory();
   const userStoriesStore = useSelector(
     (state: AppState) => state.userStoriesReducer

client/src/pages/Video.tsx

@@ -15,7 +15,7 @@ import { AppState, actionCreators } from "../services/redux";
 import ResponseObject from "src/interface/responseObject";
 import { VideoPageState } from "src/services/redux/pages/video/types";
 
-const Video = () => {
+const Video = (): JSX.Element => {
   const dispatch = useDispatch();
   const videoPageData = useSelector(
     (state: AppState) => state.videoPageDataReducer