refactor: tippy default props

src/common/component/Message/Commands.js

@@ -125,8 +125,6 @@ export default function Commands({
         className={`cmds ${tippyVisible ? "visible" : ""}`}
       >
         <Tippy
-          duration={0}
-          delay={[0, 0]}
           onShow={handleTippyVisible.bind(null, true)}
           onHide={handleTippyVisible.bind(null, false)}
           interactive
@@ -160,8 +158,6 @@ export default function Commands({
           </Tooltip>
         </li>
         <Tippy
-          duration={0}
-          delay={[0, 0]}
           onShow={handleTippyVisible.bind(null, true)}
           onHide={handleTippyVisible.bind(null, false)}
           interactive

src/common/component/Message/ContextMenu.js

@@ -1,4 +1,4 @@
-// import { useState, useEffect } from "react";
+// import { useState } from "react";
 import Tippy from "@tippyjs/react";
 import { useDispatch } from "react-redux";
 import ContextMenu from "../ContextMenu";
@@ -18,7 +18,6 @@ export default function MessageContextMenu({
   context,
   contextId,
   mid,
-  offset = {},
   visible,
   hide,
   editMessage,
@@ -26,7 +25,7 @@ export default function MessageContextMenu({
 }) {
   const {
     copyContent,
-    isMarkdown,
+    // isMarkdown,
     canEdit,
     canPin,
     canCopy,
@@ -57,8 +56,13 @@ export default function MessageContextMenu({
       {PinModal}
       {DeleteModal}
       <Tippy
-        duration={0}
-        delay={[0, 0]}
+        visible={visible}
+        followCursor={"initial"}
+        interactive
+        placement="right-start"
+        popperOptions={{ strategy: "fixed" }}
+        onClickOutside={hide}
+        key={mid}
         content={
           <ContextMenu
             hideMenu={hide}
@@ -102,13 +106,6 @@ export default function MessageContextMenu({
             ]}
           />
         }
-        interactive
-        placement="right-start"
-        popperOptions={{ strategy: "fixed" }}
-        offset={[offset.y, offset.x]}
-        visible={visible}
-        onClickOutside={hide}
-        key={mid}
       >
         {children}
       </Tippy>

src/common/component/Message/Mention.js

@@ -17,7 +17,6 @@ export default function Mention({ uid, popover = true }) {
   return (
     <Tippy
       disabled={!popover}
-      duration={0}
       interactive
       placement="top"
       trigger="click"

src/common/component/Message/index.js

@@ -29,7 +29,6 @@ function Message({
 }) {
   const {
     visible: contextMenuVisible,
-    offset,
     handleContextMenuEvent,
     hideContextMenu,
   } = useContextMenu();
@@ -97,7 +96,6 @@ function Message({
     >
       <Tippy
         disabled={readOnly}
-        duration={0}
         interactive
         placement="left"
         trigger="click"
@@ -114,7 +112,6 @@ function Message({
         mid={mid}
         visible={contextMenuVisible}
         hide={hideContextMenu}
-        offset={offset}
       >
         <div className="details">
           <div className="up">