chore: remove unused codes

src/common/component/User/ContextMenu.tsx

@@ -16,8 +16,6 @@ interface Props {
 const UserContextMenu: FC<Props> = ({ enable = false, uid, cid, visible, hide, children }) => {
   const { t } = useTranslation("member");
   const {
-    canCall,
-    call,
     copyEmail,
     canCopyEmail,
     startChat,
@@ -48,10 +46,6 @@ const UserContextMenu: FC<Props> = ({ enable = false, uid, cid, visible, hide, c
                 title: t("send_msg"),
                 handler: startChat
               },
-              canCall && {
-                title: t("call"),
-                handler: call
-              },
               canCopyEmail && {
                 title: t("copy_email"),
                 handler: copyEmail

src/common/hook/useUserOperation.ts

@@ -5,17 +5,16 @@ import { useNavigate, useMatch } from "react-router-dom";
 import { hideAll } from "tippy.js";
 import { useRemoveMembersMutation } from "../../app/services/channel";
 import { useLazyDeleteUserQuery } from "../../app/services/user";
-import useConfig from "./useConfig";
+// import useConfig from "./useConfig";
 import useCopy from "./useCopy";
 import { useAppSelector } from "../../app/store";
-import { AgoraConfig } from "../../types/server";
+// import { AgoraConfig } from "../../types/server";
 interface IProps {
   uid?: number;
   cid?: number;
 }
 const useUserOperation = ({ uid, cid }: IProps) => {
   const [passedUid, setPassedUid] = useState<number | undefined>(undefined);
-  const { values: agoraConfig } = useConfig("agora");
   const isUserDetailPath = useMatch(`/users/${uid}`);
   const [removeUser, { isSuccess: removeUserSuccess }] = useLazyDeleteUserQuery();
   const [removeInChannel, { isSuccess: removeSuccess }] = useRemoveMembersMutation();
@@ -71,10 +70,6 @@ const useUserOperation = ({ uid, cid }: IProps) => {
     navigateTo(`/chat/dm/${uid}`);
   };
 
-  const call = () => {
-    toast.success("Coming Soon...");
-    hideAll();
-  };
   const isAdmin = !!loginUser?.is_admin;
   const loginUid = loginUser?.uid;
   const canDeleteChannel = !!cid && !channel?.is_public && isAdmin;
@@ -83,7 +78,6 @@ const useUserOperation = ({ uid, cid }: IProps) => {
     !channel?.is_public &&
     (isAdmin || channel?.owner == loginUid) &&
     uid != channel?.owner;
-  const canCall: boolean = (agoraConfig as AgoraConfig)?.enabled && loginUid != uid;
   const canRemove: boolean = isAdmin && loginUid != uid && !cid && uid !== 1;
 
   return {
@@ -95,8 +89,6 @@ const useUserOperation = ({ uid, cid }: IProps) => {
     canRemoveFromChannel,
     canCopyEmail: !!user?.email,
     copyEmail,
-    canCall,
-    call
   };
 };
 export default useUserOperation;

src/routes/chat/ChannelChat/index.tsx

@@ -98,7 +98,6 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
         context="channel"
         dropFiles={dropFiles}
         aside={
-          <>
           <ul className="tools">
             {(agoraConfig as AgoraConfig)?.enabled && (
               <li className="tool">
@@ -144,7 +143,6 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
               </Tooltip>
             </li>
           </ul>
-          </>
         }
         header={
           <StyledHeader className="head">
@@ -156,9 +154,7 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
           </StyledHeader>
         }
         users={
-          membersVisible ? (
-            <>
-              <StyledUsers>
+          <StyledUsers className={membersVisible ? "flex" : "hidden"}>
             {addVisible && (
               <div className="add" onClick={toggleAddVisible}>
                 <img className="icon" src={addIcon} />
@@ -179,8 +175,6 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
               );
             })}
           </StyledUsers>
-            </>
-          ) : null
         }
       >
         <StyledChannelChat id={`VOCECHAT_FEED_channel_${cid}`}>
@@ -220,4 +214,4 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
     </>
   );
 }
-export default memo(ChannelChat);
+export default memo(ChannelChat, (prev, next) => prev.cid == next.cid);

src/routes/chat/ChannelChat/styled.tsx

@@ -48,7 +48,7 @@ export const StyledNotification = styled.div`
   }
 `;
 export const StyledUsers = styled.div`
-  display: flex;
+  /* display: flex; */
   flex-direction: column;
   gap: 5px;
   /* todo */