refactor: more TS code

src/routes/chat/FavList.tsx

@@ -1,9 +1,7 @@
-// import React from "react";
-// import { useSelector } from "react-redux";
+import { MouseEvent } from "react";
 import styled from "styled-components";
 import FavoredMessage from "../../common/component/Message/FavoredMessage";
-import IconSurprise from "../../assets/icons/emoji.suprise.svg";
-// import IconForward from "../../../assets/icons/forward.svg";
+import IconSurprise from "../../assets/icons/emoji.surprise.svg";
 import IconRemove from "../../assets/icons/close.svg";
 import useFavMessage from "../../common/hook/useFavMessage";
 
@@ -87,7 +85,7 @@ const Styled = styled.div`
 
 export default function FavList({ cid = null, uid = null }) {
   const { favorites, removeFavorite } = useFavMessage({ cid, uid });
-  const handleRemove = (evt) => {
+  const handleRemove = (evt: MouseEvent<HTMLButtonElement>) => {
     const { id } = evt.currentTarget.dataset;
     console.log("remove fav", id);
     removeFavorite(id);

src/routes/chat/index.tsx

@@ -1,7 +1,6 @@
 // import React from 'react';
 import { useState } from "react";
 import { useParams } from "react-router-dom";
-import { useSelector } from "react-redux";
 
 import StyledWrapper from "./styled";
 import BlankPlaceholder from "../../common/component/BlankPlaceholder";
@@ -12,11 +11,12 @@ import DMChat from "./DMChat";
 import UsersModal from "../../common/component/UsersModal";
 import ChannelModal from "../../common/component/ChannelModal";
 import SessionList from "./SessionList";
+import { useAppSelector } from "../../app/store";
 export default function ChatPage() {
   const [channelModalVisible, setChannelModalVisible] = useState(false);
   const [usersModalVisible, setUsersModalVisible] = useState(false);
   const { channel_id, user_id } = useParams();
-  const { sessionUids } = useSelector((store) => {
+  const { sessionUids } = useAppSelector((store) => {
     return {
       sessionUids: store.userMessage.ids
     };
@@ -48,7 +48,7 @@ export default function ChatPage() {
         <div className={`right ${placeholderVisible ? "placeholder" : ""}`}>
           {placeholderVisible && <BlankPlaceholder />}
           {channel_id && <ChannelChat cid={channel_id} />}
-          {user_id && <DMChat uid={user_id} />}
+          {user_id && <DMChat uid={+user_id} />}
         </div>
       </StyledWrapper>
     </>

src/routes/chat/useSession.ts

@@ -1,25 +0,0 @@
-import { useState } from "react";
-// import { useUpdateChannelMutation } from "../../app/services/channel";
-import { useUpdateMuteSettingMutation } from "../../app/services/user";
-import { useReadMessageMutation } from "../../app/services/message";
-import { useAppSelector } from "../../app/store";
-
-export default function useSession({ type, id }) {
-  const [inviteModalVisible, setInviteModalVisible] = useState(false);
-  const [muteChannel] = useUpdateMuteSettingMutation();
-  const [updateReadIndex] = useReadMessageMutation();
-  const { messageData, userData, channelData } = useAppSelector((store) => {
-    return {
-      messageData: store.message,
-      userData: store.users.byId,
-      channelData: store.channels.byId
-    };
-  });
-  const toggleInviteModal = () => {
-    setInviteModalVisible((prev) => !prev);
-  };
-  return {
-    inviteModalVisible,
-    toggleInviteModal
-  };
-}