chore: updates

src/common/component/Send/Replying.tsx

@@ -13,7 +13,7 @@ const renderContent = (data: MessagePayload) => {
   let res = null;
   switch (content_type) {
     case ContentTypes.text:
-      res = <LinkifyText text={content} url={false} mentionTextOnly={true} />;
+      res = <LinkifyText text={content as string} url={false} mentionTextOnly={true} />;
       // res = reactStringReplace(content, /(\s{1}@[0-9]+\s{1})/g, (match, idx) => {
       //   const uid = match.trim().slice(1);
       //   return <Mention popover={false} key={idx} uid={+uid} />;
@@ -23,7 +23,7 @@ const renderContent = (data: MessagePayload) => {
     case ContentTypes.markdown:
       res = (
         <div className="max-h-[100px] overflow-auto">
-          <MarkdownRender content={content} />
+          <MarkdownRender content={content as string} />
         </div>
       );
       break;

src/routes/chat/VoiceChat/VoiceManagement.tsx

@@ -58,7 +58,7 @@ const VoiceManagement = ({ info, setMute, setDeafen, leave }: Props) => {
                     return <li key={uid} className="flex items-center justify-between gap-6 pb-4 ">
                         <div className="flex items-center gap-2 transition-opacity">
                             <div className={clsx("w-8 h-8 flex shrink-0 relative")}>
-                                {speaking && <div className="z-10 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 rounded-full bg-green-700 animate-speaking w-10 h-10"></div>}
+                                {speaking && <div className="z-10 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 rounded-full bg-green-500 animate-speaking w-10 h-10"></div>}
                                 <Avatar
                                     width={32}
                                     height={32}