refactor: rename contact with user

src/common/component/Message/Mention.tsx

@@ -20,8 +20,8 @@ interface Props {
 }
 
 const Mention: FC<Props> = ({ uid, popover = true, cid, textOnly = false }) => {
-  const contactsData = useAppSelector((store) => store.contacts.byId);
-  const user = contactsData[uid];
+  const usersData = useAppSelector((store) => store.users.byId);
+  const user = usersData[uid];
   if (!user) return null;
   if (textOnly) return `@${user.name}`;
   return (

src/common/component/Message/PreviewMessage.tsx

@@ -10,12 +10,12 @@ interface Props {
 }
 
 const PreviewMessage: FC<Props> = ({ mid = 0 }) => {
-  const { msg, contactsData } = useAppSelector((store) => {
-    return { msg: store.message[mid], contactsData: store.contacts.byId };
+  const { msg, usersData } = useAppSelector((store) => {
+    return { msg: store.message[mid], usersData: store.users.byId };
   });
   if (!msg) return null;
   const { from_uid, created_at, content_type, content, thumbnail, properties } = msg;
-  const { name, avatar } = contactsData[from_uid];
+  const { name, avatar } = usersData[from_uid];
   return (
     <StyledWrapper className={`preview`}>
       <div className="avatar">

src/common/component/Message/Reaction.tsx

@@ -106,9 +106,9 @@ const StyledDetails = styled.div`
   }
 `;
 const ReactionDetails = ({ uids = [], emoji, index }) => {
-  const contactsData = useSelector((store) => store.contacts.byId);
+  const usersData = useSelector((store) => store.users.byId);
   const names = uids.map((id) => {
-    return contactsData[id]?.name;
+    return usersData[id]?.name;
   });
   const emojiData = getEmojiDataFromNative(emoji, "apple", AppleEmojiData);
   const prefixDesc =

src/common/component/Message/Reply.tsx

@@ -156,7 +156,7 @@ interface ReplyProps {
 
 const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
   const { data, users } = useAppSelector((store) => {
-    return { data: store.message[mid], users: store.contacts.byId };
+    return { data: store.message[mid], users: store.users.byId };
   });
   const handleClick = (evt: MouseEvent<HTMLDivElement>) => {
     const { mid } = evt.currentTarget.dataset;

src/common/component/Message/index.tsx

@@ -38,12 +38,12 @@ function Message({
   const {
     message = {},
     reactionMessageData,
-    contactsData
+    usersData
   } = useSelector((store) => {
     return {
       reactionMessageData: store.reactionMessage,
       message: store.message[mid] || {},
-      contactsData: store.contacts.byId
+      usersData: store.users.byId
     };
   });
 
@@ -75,7 +75,7 @@ function Message({
   }, [mid, read]);
 
   const reactions = reactionMessageData[mid];
-  const currUser = contactsData[fromUid] || {};
+  const currUser = usersData[fromUid] || {};
   // if (!message) return null;
   let timePrefix = null;
   const dayjsTime = dayjs(time);
@@ -115,10 +115,7 @@ function Message({
         visible={contextMenuVisible}
         hide={hideContextMenu}
       >
-        <div
-          className="details"
-          data-pin-tip={`pinned by ${contactsData[pinInfo?.created_by]?.name}`}
-        >
+        <div className="details" data-pin-tip={`pinned by ${usersData[pinInfo?.created_by]?.name}`}>
           <div className="up">
             <span className="name">{currUser.name}</span>
             <Tooltip