chore: remove unused UIs

src/common/component/Message/Commands.js

@@ -12,7 +12,7 @@ import EmojiPicker from "./EmojiPicker";
 import replyIcon from "../../../assets/icons/reply.svg?url";
 import reactIcon from "../../../assets/icons/reaction.svg?url";
 import editIcon from "../../../assets/icons/edit.svg?url";
-import bookmarkIcon from "../../../assets/icons/bookmark.svg?url";
+// import bookmarkIcon from "../../../assets/icons/bookmark.svg?url";
 import moreIcon from "../../../assets/icons/more.svg?url";
 import ForwardModal from "../ForwardModal";
 const StyledCmds = styled.ul`
@@ -48,11 +48,6 @@ const StyledCmds = styled.ul`
     top: 0;
     transform: translateX(-100%);
   }
-  .menu {
-    position: absolute;
-    top: 0;
-    right: 36px;
-  }
 `;
 export default function Commands({
   contextId = 0,
@@ -117,21 +112,22 @@ export default function Commands({
           </Tooltip>
         </li>
       )}
-      <li className="cmd">
+      {/* <li className="cmd">
         <Tooltip placement="top" tip="Add to Favorites">
           <img src={bookmarkIcon} className="toggler" alt="icon bookmark" />
         </Tooltip>
-      </li>
+      </li> */}
       <Tippy
         onShow={handleTippyVisible.bind(null, true)}
         onHide={handleTippyVisible.bind(null, false)}
         interactive
+        popperOptions={{ strategy: "fixed" }}
         placement="left-start"
         trigger="click"
         content={
           <StyledMenu className="menu">
             {/* <li className="item">Edit Message</li> */}
-            <li className="item underline">Pin Message</li>
+            {/* <li className="item underline">Pin Message</li> */}
             <li className="item" onClick={toggleForwardModal}>
               Forward
             </li>

src/common/component/Profile.js

@@ -4,8 +4,8 @@
 import { useSelector } from "react-redux";
 import { NavLink } from "react-router-dom";
 import { BsChatText } from "react-icons/bs";
-import { RiUserAddLine } from "react-icons/ri";
-import { IoShareOutline } from "react-icons/io5";
+// import { RiUserAddLine } from "react-icons/ri";
+// import { IoShareOutline } from "react-icons/io5";
 import styled from "styled-components";
 
 import Avatar from "../../common/component/Avatar";
@@ -80,18 +80,18 @@ export default function Profile({ uid = null, type = "embed" }) {
             <BsChatText size={20} color="#616161" />
           </NavLink>
         </li>
-        <li className="icon add">
-          {/* <NavLink to={`/chat/dm/${uid}`}> */}
+        {/* <li className="icon add">
+          <NavLink to={`/chat/dm/${uid}`}>
           <RiUserAddLine size={20} color="#616161" />
-          {/* </NavLink> */}
+          </NavLink>
         </li>
         <li className="icon share">
-          {/* <NavLink to={`/chat/dm/${uid}`}> */}
+          <NavLink to={`/chat/dm/${uid}`}>
           <IoShareOutline size={20} color="#616161" />
-          {/* </NavLink> */}
-        </li>
+          </NavLink>
+        </li> */}
       </ul>
-      {type == "embed" && <hr className="line" />}
+      {/* {type == "embed" && <hr className="line" />} */}
     </StyledWrapper>
   );
 }

src/common/component/Send/Toolbar.js

@@ -10,9 +10,9 @@ const Styled = styled.div`
   align-items: center;
   justify-content: flex-end;
   gap: 10px;
-  /* &.markdown {
-    flex-direction: column;
-  } */
+  &.markdown .add {
+    display: none;
+  }
   .md {
     cursor: pointer;
     display: flex;

src/routes/chat/ChannelChat/index.js

@@ -82,11 +82,11 @@ export default function ChannelChat({ cid = "", dropFiles = [] }) {
         aside={
           <>
             <ul className="tools">
-              <li className="tool">
+              {/* <li className="tool">
                 <Tooltip tip="Search" placement="left">
                   <img src={searchIcon} alt="opt icon" />
                 </Tooltip>
-              </li>
+              </li> */}
               <li className="tool">
                 <Tooltip tip="Voice/Video Chat" placement="left">
                   <img src={headphoneIcon} alt="opt icon" />

src/routes/chat/DMChat/index.js

@@ -43,9 +43,9 @@ export default function DMChat({ uid = "", dropFiles = [] }) {
       aside={
         <>
           <ul className="tools">
-            <li className="tool">
+            {/* <li className="tool">
               <img src={searchIcon} alt="opt icon" />
-            </li>
+            </li> */}
             <li className="tool">
               <img src={alertIcon} alt="opt icon" />
             </li>

src/routes/setting/navs.js

@@ -4,7 +4,7 @@ import Overview from "./Overview";
 import Logins from "./config/Logins";
 import ConfigFirebase from "./config/Firebase";
 import ConfigSMTP from "./config/SMTP";
-import Notifications from "./Notifications";
+// import Notifications from "./Notifications";
 import APIConfig from "./APIConfig";
 import ManageMembers from "../../common/component/ManageMembers";
 import FAQ from "../../common/component/FAQ";
@@ -24,11 +24,11 @@ const navs = [
         component: <ManageMembers />,
         admin: true,
       },
-      {
-        name: "notification",
-        title: "Notification",
-        component: <Notifications />,
-      },
+      // {
+      //   name: "notification",
+      //   title: "Notification",
+      //   component: <Notifications />,
+      // },
     ],
   },
   {