add note page

src/app/channel/components/messages/hideButton.tsx

@@ -4,7 +4,6 @@ import { Fragment, useContext, useState } from 'react';
 
 import { CancelIcon, HideIcon } from '@shared/icons';
 import { RelayContext } from '@shared/relayProvider';
-import { Tooltip } from '@shared/tooltip_dep';
 
 import { useChannelMessages } from '@stores/channels';
 
@@ -51,15 +50,13 @@ export function MessageHideButton({ id }: { id: string }) {
 
   return (
     <>
-      <Tooltip message="Hide this message">
-        <button
-          type="button"
-          onClick={openModal}
-          className="inline-flex h-7 w-7 items-center justify-center rounded hover:bg-zinc-800"
-        >
-          <HideIcon width={16} height={16} className="text-zinc-200" />
-        </button>
-      </Tooltip>
+      <button
+        type="button"
+        onClick={openModal}
+        className="inline-flex h-7 w-7 items-center justify-center rounded hover:bg-zinc-800"
+      >
+        <HideIcon width={16} height={16} className="text-zinc-200" />
+      </button>
       <Transition appear show={isOpen} as={Fragment}>
         <Dialog as="div" className="relative z-10" onClose={closeModal}>
           <Transition.Child

src/app/channel/components/messages/muteButton.tsx

@@ -4,7 +4,6 @@ import { Fragment, useContext, useState } from 'react';
 
 import { CancelIcon, MuteIcon } from '@shared/icons';
 import { RelayContext } from '@shared/relayProvider';
-import { Tooltip } from '@shared/tooltip_dep';
 
 import { useChannelMessages } from '@stores/channels';
 
@@ -51,15 +50,13 @@ export function MessageMuteButton({ pubkey }: { pubkey: string }) {
 
   return (
     <>
-      <Tooltip message="Mute this user">
-        <button
-          type="button"
-          onClick={() => openModal()}
-          className="inline-flex h-7 w-7 items-center justify-center rounded hover:bg-zinc-800"
-        >
-          <MuteIcon width={16} height={16} className="text-zinc-200" />
-        </button>
-      </Tooltip>
+      <button
+        type="button"
+        onClick={() => openModal()}
+        className="inline-flex h-7 w-7 items-center justify-center rounded hover:bg-zinc-800"
+      >
+        <MuteIcon width={16} height={16} className="text-zinc-200" />
+      </button>
       <Transition appear show={isOpen} as={Fragment}>
         <Dialog as="div" className="relative z-10" onClose={closeModal}>
           <Transition.Child

src/app/channel/components/messages/replyButton.tsx

@@ -1,5 +1,4 @@
 import { ReplyMessageIcon } from '@shared/icons';
-import { Tooltip } from '@shared/tooltip_dep';
 
 import { useChannelMessages } from '@stores/channels';
 
@@ -19,14 +18,12 @@ export function MessageReplyButton({
   };
 
   return (
-    <Tooltip message="Reply to message">
-      <button
-        type="button"
-        onClick={() => createReply()}
-        className="inline-flex h-7 w-7 items-center justify-center rounded hover:bg-zinc-800"
-      >
-        <ReplyMessageIcon width={16} height={16} className="text-zinc-200" />
-      </button>
-    </Tooltip>
+    <button
+      type="button"
+      onClick={() => createReply()}
+      className="inline-flex h-7 w-7 items-center justify-center rounded hover:bg-zinc-800"
+    >
+      <ReplyMessageIcon width={16} height={16} className="text-zinc-200" />
+    </button>
   );
 }