feat: context menus in contact list page

src/common/component/Contact/ContextMenu.js

@@ -18,8 +18,10 @@ export default function ContactContextMenu({
     copyEmail,
     canCopyEmail,
     startChat,
+    canRemove,
     canRemoveFromChannel,
     removeFromChannel,
+    removeUser,
   } = useContactOperation({
     uid,
     cid,
@@ -56,6 +58,11 @@ export default function ContactContextMenu({
                 title: "Remove From Channel",
                 handler: removeFromChannel,
               },
+              canRemove && {
+                danger: true,
+                title: "Remove From Server",
+                handler: removeUser,
+              },
             ]}
           />
         }

src/common/component/ContextMenu.js

@@ -25,6 +25,8 @@ export default function ContextMenu({ items = [], hideMenu = null }) {
             }`}
             key={title}
             onClick={(evt) => {
+              evt.stopPropagation();
+              evt.preventDefault();
               handler(evt);
               if (hideMenu) {
                 hideMenu();

src/common/hook/useContactOperation.js

@@ -69,7 +69,7 @@ export default function useContactOperation({ uid, cid }) {
   const canRemoveFromChannel =
     cid && !channel?.is_public && (isAdmin || channel?.owner == loginUid);
   const canCall = loginUid != uid;
-  const canRemove = isAdmin && loginUid != uid;
+  const canRemove = isAdmin && loginUid != uid && !cid;
   return {
     canRemove,
     removeUser: handleRemove,

src/routes/contacts/index.js

@@ -33,7 +33,7 @@ export default function ContactsPage() {
             {contactIds.map((uid) => {
               return (
                 <NavLink key={uid} className="session" to={`/contacts/${uid}`}>
-                  <Contact uid={uid} />
+                  <Contact uid={uid} enableContextMenu={true} />
                 </NavLink>
               );
             })}