chore: fix some warnings

.vscode/settings.json

@@ -44,6 +44,7 @@
     "thirdparty",
     "tippyjs",
     "toastui",
+    "udecode",
     "uiball",
     "uids",
     "unreads",

src/components/ContextMenu.tsx

@@ -98,6 +98,7 @@ const ContextMenu: FC<Props> = ({ items = [], hideMenu = null }) => {
         if (subs.length > 0)
           return (
             <WrapWithSubmenu
+              key={title}
               items={subs}
               hideMenu={hideMenu}
               child={

src/components/FileMessage/ImageMessage.tsx

@@ -53,9 +53,9 @@ const ImageMessage: FC<Props> = ({
         </div>
       )}
       {status == "loading" ? (
-        <p className="w-full h-full flex-center bg-primary-50/80 dark:bg-primary-900/70">
+        <div className="w-full h-full flex-center bg-primary-50/80 dark:bg-primary-900/70">
           <LineWobble />
-        </p>
+        </div>
       ) : (
         <img
           className="h-auto w-full cursor-zoom-in object-cover preview"

src/components/FileMessage/index.tsx

@@ -25,7 +25,7 @@ interface Props {
   content: string;
   download: string;
   thumbnail: string;
-  properties: {
+  properties?: {
     local_id: number;
     name: string;
     size: number;

src/components/Message/renderContent.tsx

@@ -27,12 +27,12 @@ const renderContent = ({
   context,
   to = 0,
   from_uid = 0,
-  created_at,
+  created_at = 0,
   properties,
   content_type,
   content,
-  download,
+  download = "",
-  thumbnail,
+  thumbnail = "",
   edited = false
 }: Props) => {
   let ctn = null;
@@ -74,7 +74,7 @@ const renderContent = ({
             download={download}
             thumbnail={thumbnail}
             from_uid={from_uid}
-            created_at={created_at}
+            created_at={created_at ?? 0}
             content={content}
           />
         );
@@ -83,17 +83,7 @@ const renderContent = ({
     case ContentTypes.archive:
       {
         // const { size, name, file_type } = properties;
-        ctn = (
+        ctn = <ForwardedMessage context={context} to={to} from_uid={from_uid} id={content} />;
-          <ForwardedMessage
-            properties={properties}
-            context={context}
-            to={to}
-            from_uid={from_uid}
-            created_at={created_at}
-            id={content}
-            thumbnail={thumbnail}
-          />
-        );
       }
       break;
 

src/components/Send/index.tsx

@@ -169,8 +169,8 @@ const Send: FC<IProps> = ({
 
         <div
           className={clsx(
-            `flex justify-between items-center gap-4 px-4 py-3.5`,
+            `flex justify-between items-center px-4 py-3.5`,
-            isMarkdownMode && `grid grid-cols-[1fr_1fr] grid-rows-[auto_auto] gap-0`
+            isMarkdownMode ? `grid grid-cols-[1fr_1fr] grid-rows-[auto_auto] gap-0` : "gap-4"
           )}
         >
           <EmojiPicker selectEmoji={insertEmoji} />
@@ -212,7 +212,7 @@ const Send: FC<IProps> = ({
 };
 
 export default Send;
-// export default memo(Send, (prevs, nexts) => {
+// export default memo(Send, (prev, next) => {
-//   console.log("send name", prevs.name, nexts.name);
+//   console.log("send name", prev.name, next.name);
-//   return prevs.name == nexts.name;
+//   return prev.name == next.name;
 // });