@@ -3,6 +3,7 @@ import { useRouter } from 'next/router'
33import Header from '@/components/Header'
44import { Input , Button , App } from 'antd'
55import { AudioOutlined , AudioMutedOutlined } from '@ant-design/icons'
6+ import { SendMessage } from '@/icons/deepfundai-icons'
67import { ScheduledTaskModal , ScheduledTaskListPanel } from '@/components/scheduled-task'
78import { useScheduledTaskStore } from '@/stores/scheduled-task-store'
89import { ModelConfigBar } from '@/components/ModelConfigBar'
@@ -96,23 +97,35 @@ export default function Home() {
9697 value = { query }
9798 onChange = { ( e ) => setQuery ( e . target . value ) }
9899 onKeyDown = { handleKeyDown }
99- className = '!h-full !bg-transparent !text-text-01-dark !placeholder-text-12-dark !py-3 !px-4 !pr-12 !border-none !outline-none focus:!shadow-none'
100+ className = '!h-full !bg-transparent !text-text-01-dark !placeholder-text-12-dark !py-3 !px-4 !pr-20 !border-none !outline-none focus:!shadow-none'
100101 placeholder = { t ( 'input_placeholder' ) }
101102 autoSize = { false }
102103 />
103- { /* Voice input button */ }
104- < Button
105- type = 'text'
106- onClick = { ( e ) => {
107- e . preventDefault ( ) ;
108- e . stopPropagation ( ) ;
109- toggleRecording ( ) ;
110- } }
111- className = '!p-0 !w-8 !h-8 !min-w-0 !flex !items-center !justify-center !absolute !bottom-3 !right-3 !text-lg'
112- title = { isRecording ? t ( 'voice_input_stop' ) : t ( 'voice_input_start' ) }
113- >
114- { isRecording ? < AudioOutlined /> : < AudioMutedOutlined /> }
115- </ Button >
104+ { /* Action buttons */ }
105+ < div className = 'absolute bottom-3 right-3 flex items-center gap-2' >
106+ { /* Voice input button */ }
107+ < Button
108+ type = 'text'
109+ onClick = { ( e ) => {
110+ e . preventDefault ( ) ;
111+ e . stopPropagation ( ) ;
112+ toggleRecording ( ) ;
113+ } }
114+ className = '!p-0 !w-8 !h-8 !min-w-0 flex items-center justify-center text-lg'
115+ title = { isRecording ? t ( 'voice_input_stop' ) : t ( 'voice_input_start' ) }
116+ >
117+ { isRecording ? < AudioOutlined /> : < AudioMutedOutlined /> }
118+ </ Button >
119+ { /* Send button */ }
120+ < Button
121+ type = 'text'
122+ onClick = { handleSendMessage }
123+ disabled = { ! query . trim ( ) }
124+ className = '!p-0 !w-8 !h-8 !min-w-0 flex items-center justify-center text-lg'
125+ >
126+ < SendMessage />
127+ </ Button >
128+ </ div >
116129 </ div >
117130 </ div >
118131 </ div >
0 commit comments