refactor: add typescript support to project

src/routes/chat/ChannelList/NavItem.tsx

@@ -10,10 +10,8 @@ import InviteModal from "../../../common/component/InviteModal";
 import Tooltip from "../../../common/component/Tooltip";
 import IconSetting from "../../../assets/icons/setting.svg";
 import IconInvite from "../../../assets/icons/invite.from.channel.svg";
-// import { useDebounce} from "rooks";
 import { useReadMessageMutation } from "../../../app/services/message";
 import { useUpdateMuteSettingMutation } from "../../../app/services/contact";
-
 import StyledLink from "./styled";
 import ChannelIcon from "../../../common/component/ChannelIcon";
 import { getUnreadCount } from "../utils";

src/routes/chat/ChannelList/index.tsx

@@ -1,12 +1,11 @@
 import { useState } from "react";
-import { useSelector } from "react-redux";
-
 import DeleteConfirmModal from "../../settingChannel/DeleteConfirmModal";
 import NavItem from "./NavItem";
+import { useAppSelector } from "../../../app/store";
 
 export default function ChannelList({ setDropFiles }) {
   const [currId, setCurrId] = useState(null);
-  const { channelIds } = useSelector((store) => {
+  const { channelIds } = useAppSelector((store) => {
     return { channelIds: store.channels.ids };
   });
 

src/routes/chat/ChannelList/styled.tsx

@@ -82,4 +82,5 @@ const Styled = styled(NavLink)`
     }
   }
 `;
+
 export default Styled;