chore: updates

src/common/component/FileMessage/AudioMessage.tsx

@@ -18,16 +18,16 @@ const AudioMessage = ({ url, name, size, download }: Props) => {
     };
     const _size = formatBytes(size);
     return (
-        <div className='w-96 flex flex-col gap-2 px-3 py-2 rounded-md border border-solid border-gray-300 overflow-hidden bg-stone-100'>
+        <div className='w-96 flex flex-col gap-2 px-3 py-2 rounded-md border border-solid border-gray-300 dark:border-gray-500 overflow-hidden bg-stone-100 dark:bg-stone-900'>
             <div className="flex justify-between z-30 overflow-hidden">
                 <div className="flex gap-2 ">
                     <IconAudio className="w-9 h-auto" />
-                    <div className="flex flex-col gap-1 text-sm text-gray-700">
+                    <div className="flex flex-col gap-1 text-sm text-gray-700 dark:text-gray-300">
                         <span title={name} className='font-bold w-[240px] truncate'>{name}</span>
                         <span>{_size}</span>
                     </div>
                 </div>
-                <a href={download} className="mt-2"><IconDownload className="download_icon gray" /></a>
+                <a href={download} className="mt-2"><IconDownload className="fill-gray-500 dark:fill-gray-400" /></a>
             </div>
             <audio src={url} onCanPlay={handleCanPlay} controls className={clsx("w-full object-cover z-10", canPlay ? "" : "hidden")} />
         </div>

src/common/component/GoBackNav.tsx

@@ -11,7 +11,7 @@ const GoBackNav = ({ path, className = "" }: Props) => {
     const isChannelChatPage = useMatch("/chat/channel/:channel_id");
     const isDMChatPage = useMatch("/chat/dm/:user_id");
     const isProfilePage = useMatch("/users/:user_id");
-    console.log("routt", isChannelChatPage, isDMChatPage);
+    // console.log("routt", isChannelChatPage, isDMChatPage);
     const isChatPage = !!isChannelChatPage || !!isDMChatPage;
     const handleBack = () => {
         if (path) {

src/common/component/InviteModal/AddMembers.tsx

@@ -97,7 +97,7 @@ const AddMembers: FC<Props> = ({ cid = 0, closeModal }) => {
           );
         })}
       </ul>
-      <Button disabled={selects.length == 0 || isAdding} className="flex mt-4 justify-center" onClick={handleAddMembers}>
+      <Button disabled={selects.length == 0 || isAdding} className="flex mt-4 justify-center items-center" onClick={handleAddMembers}>
         {isAdding ? `Adding` : "Add"} to #{channel.name}
       </Button>
     </div>

src/common/component/Message/ForwardedMessage.tsx

@@ -37,7 +37,7 @@ const ForwardedMessage: FC<Props> = ({ context, to, from_uid, id }) => {
               return (
                 <div className="w-full relative flex items-start gap-4 px-2 py-1 my-2 rounded-lg" key={idx}>
                   {user && (
-                    <div >
+                    <div className="w-6 h-6 rounded-full flex shrink-0 overflow-hidden">
                       <Avatar width={24} height={24} src={user.avatar} name={user.name} />
                     </div>
                   )}