feat: context menu in channel member list

2022-05-27 17:50:11 +08:00
parent e10b7f741e
commit b4a29c1571
6 changed files with 295 additions and 167 deletions
@@ -0,0 +1,67 @@
+// import { useState } from "react";
+import Tippy from "@tippyjs/react";
+// import { useDispatch } from "react-redux";
+import useContactOperation from "../../hook/useContactOperation";
+import ContextMenu from "../ContextMenu";
+
+export default function ContactContextMenu({
+  enable = false,
+  uid,
+  cid,
+  visible,
+  hide,
+  children,
+}) {
+  const {
+    canCall,
+    call,
+    copyEmail,
+    canCopyEmail,
+    startChat,
+    canRemoveFromChannel,
+    removeFromChannel,
+  } = useContactOperation({
+    uid,
+    cid,
+  });
+  return (
+    <>
+      <Tippy
+        disabled={!enable}
+        visible={visible}
+        followCursor={"initial"}
+        interactive
+        placement="right-start"
+        popperOptions={{ strategy: "fixed" }}
+        onClickOutside={hide}
+        key={uid}
+        content={
+          <ContextMenu
+            hideMenu={hide}
+            items={[
+              {
+                title: "Message",
+                handler: startChat,
+              },
+              canCall && {
+                title: "Call",
+                handler: call,
+              },
+              canCopyEmail && {
+                title: "Copy Email",
+                handler: copyEmail,
+              },
+              canRemoveFromChannel && {
+                danger: true,
+                title: "Remove From Channel",
+                handler: removeFromChannel,
+              },
+            ]}
+          />
+        }
+      >
+        {children}
+      </Tippy>
+    </>
+  );
+}