fix: fix drag drop feature display area

client/web/src/components/ChatBox/ChatInputBox/index.tsx

@@ -139,32 +139,30 @@ export const ChatInputBox: React.FC<ChatInputBoxProps> = React.memo((props) => {
           {pasteHandlerContainer}
 
           {!disabled && (
-            <>
+            <div className="px-2 flex space-x-1">
-              <div className="px-2 flex space-x-1">
+              {pluginChatInputButtons.map((item, i) =>
-                {pluginChatInputButtons.map((item, i) =>
+                React.cloneElement(item.render(), {
-                  React.cloneElement(item.render(), {
+                  key: `plugin-chatinput-btn#${i}`,
-                    key: `plugin-chatinput-btn#${i}`,
+                })
-                  })
+              )}
-                )}
+
-
+              <ChatInputEmotion />
-                <ChatInputEmotion />
+
-
+              {message ? (
-                {message ? (
+                <Icon
-                  <Icon
+                  icon="mdi:send-circle-outline"
-                    icon="mdi:send-circle-outline"
+                  className="text-2xl cursor-pointer"
-                    className="text-2xl cursor-pointer"
+                  onClick={handleSendMsg}
-                    onClick={handleSendMsg}
+                />
-                  />
+              ) : (
-                ) : (
+                <ChatInputAddon />
-                  <ChatInputAddon />
+              )}
-                )}
+            </div>
-              </div>
-
-              <ChatDropArea />
-            </>
           )}
         </div>
       </div>
+
+      {!disabled && <ChatDropArea />}
     </ChatInputActionContext.Provider>
   );
 });