[IMP] styles in message box

alicalimli · Nov 4, 2022 · 7ae6fe3 · 7ae6fe3
1 parent 109df1f
commit 7ae6fe3
Showing 1 changed file with 5 additions and 11 deletions.
diff --git a/src/features/conversation/MessageBox.tsx b/src/features/conversation/MessageBox.tsx
@@ -141,23 +141,21 @@ const MessageBox = ({
                 className="relative"
                 onClick={() => setIsEditingMsg(false)}
               >
-                <AiOutlineStop className="text-2xl text-black dark:text-white" />
+                <AiOutlineStop className="text-2xl text" />
                 <TwTooltip tip="cancel" position="top" />
               </button>
             )}
             {isCurrentUser && !isEditingMsg ? (
               <div className="flex translate-y-1/4 invisible group-hover:visible  rounded-full dark:bg-bgmain-dark shadow-md overflow-hidden ">
                 <button
                   onClick={() => deleteBtnHandler(currentMsg)}
-                  className="relative group dark:text-muted-dark
-                  text-muted-light p-2 hover:bg-muted-light/10 dark:hover:bg-muted-light flex justify-center items-center"
+                  className="relative group text-muted p-2 hover:bg-muted-light/10 dark:hover:bg-muted-light flex justify-center items-center"
                 >
                   <BsFillTrashFill className="" />
                 </button>
                 <button
                   onClick={() => editBtnHandler()}
-                  className="relative group dark:text-muted-dark
-                  text-muted-light p-2  hover:bg-muted-light/10 dark:hover:bg-muted-light flex justify-center items-center"
+                  className="relative group text-muted p-2  hover:bg-muted-light/10 dark:hover:bg-muted-light flex justify-center items-center"
                 >
                   <BsPencilFill />
                 </button>
@@ -168,12 +166,8 @@ const MessageBox = ({
           </div>
         )}
 
-        <div className="text-xs flex gap-1 items-center text-black dark:text-white">
-          {currentMsg.isEdited && (
-            <span className="dark:text-muted-dark text-muted-light">
-              edited
-            </span>
-          )}
+        <div className="text-xs flex gap-1 items-center text-muted">
+          {currentMsg.isEdited && <span className="text-muted">edited</span>}
           {isGroup && !isCurrentUser && (
             <>
               <p className={`${isCurrentUser ? "text-end" : "text-start"} `}>