perf: 发送按钮提示

src/views/Conversations/Online/InputComposer.jsx

@@ -41,6 +41,11 @@ const InputComposer = ({ mobile }) => {
   const isExpired = !isEmpty(currentConversation.conversation_expiretime) ? dayjs(currentConversation.conversation_expiretime).add(8, 'hours').isBefore(dayjs()) : true;
   const gt24h = !isEmpty(currentConversation.last_received_time) ? dayjs().diff(dayjs(currentConversation.last_received_time), 'hour') > 24 : true;
   const textabled = talkabled && (!(gt24h && isExpired)); // 只要有一个时间没过期, 目前未知明确规则
+  const textPlaceHolder = !textabled
+  ? ''
+  : mobile === undefined
+  ? 'Enter 发送, Shift+Enter 换行'
+  : 'Enter 换行';
 
   const textInputRef = useRef(null);
   const [textContent, setTextContent] = useState('');
@@ -272,7 +277,7 @@ const InputComposer = ({ mobile }) => {
         autoSize={{ minRows: 2, maxRows: 6 }}
       />
       <Flex justify={'space-between'} className=' bg-gray-200 p-1 rounded-b'>
-        <Flex gap={4} className='*:text-primary *:rounded-none'>
+        <Flex gap={4} className='*:text-primary *:rounded-none items-center'>
           <InputTemplate key='templates' disabled={!talkabled} invokeSendMessage={invokeSendMessage} {...{ mobile }} />
           <InputEmoji key='emoji' disabled={!textabled} inputEmoji={addEmoji} {...{ mobile }} />
           <InputMediaUpload key={'addNewMedia'} disabled={!textabled} {...{ invokeUploadFileMessage, invokeSendUploadMessage }} />
@@ -283,7 +288,10 @@ const InputComposer = ({ mobile }) => {
           <Button type='text' className='' icon={<FilePdfOutlined />} size={'middle'} /> */}
         </Flex>
         <Flex gap={4} align={'center'}>
-          <ExpireTimeClock expireTime={currentConversation.conversation_expiretime} />
+          <div className='text-neutral-400 text-xs'>
+            <ExpireTimeClock expireTime={currentConversation.conversation_expiretime} />
+            <div>{textPlaceHolder}</div>
+          </div>
           <Button key={'send-btn'} onClick={handleSendText} type='primary' size='middle' icon={<SendOutlined />} disabled={!textabled || pastedUploading}>
             Send
           </Button>