add drop container to sender

Author: ragingwind

react/src/components/Chat/ChatInput.tsx

@@ -52,7 +52,7 @@ const ChatInput: React.FC<ChatInputProps> = ({
 
   const [isOpenAttachments, setIsOpenAttachments] = useState(false);
   const [files, setFiles] = useState<AttachmentsProps['items']>([]);
-  const cardRef = useRef<HTMLDivElement>(null);
+  const dropContainerRef = useRef<HTMLDivElement>(null);
 
   const [synchronizedMessage, setSynchronizedMessage] = useAtom(
     synchronizedMessageState,
@@ -197,14 +197,19 @@ const ChatInput: React.FC<ChatInputProps> = ({
 
   return (
     <>
-      <Flex style={ChatInputStyle} direction="column" align="center">
+      <Flex
+        style={ChatInputStyle}
+        direction="column"
+        align="center"
+        ref={dropContainerRef}
+      >
         <ChatSender
           placeholder="Say something..."
           autoFocus
           value={input}
           items={files}
           openAttachment={isOpenAttachments}
-          dropContainerRef={cardRef}
+          dropContainerRef={dropContainerRef}
           loading={isLoading}
           onInputChange={handleInputChange}
           onInputSubmit={handleInputSubmit}