@@ -33,8 +33,8 @@ const TestProductionLLM: FC = () => {
3333 if ( ! inputMessage . trim ( ) ) {
3434 toast . open ( {
3535 type : 'warning' ,
36- title : 'Warning' ,
37- message : 'Please enter a message' ,
36+ title : t ( 'testProductionLLM.warningTitle' ) ,
37+ message : t ( 'testProductionLLM.emptyMessageWarning' ) ,
3838 } ) ;
3939 return ;
4040 }
@@ -114,7 +114,7 @@ const TestProductionLLM: FC = () => {
114114
115115 toast . open ( {
116116 type : 'error' ,
117- title : 'Streaming Error' ,
117+ title : t ( 'testProductionLLM.streamingErrorTitle' ) ,
118118 message : error ,
119119 } ) ;
120120 } ;
@@ -140,27 +140,27 @@ const TestProductionLLM: FC = () => {
140140 stopStreaming ( ) ;
141141 toast . open ( {
142142 type : 'info' ,
143- title : 'Chat Cleared' ,
144- message : 'All messages have been cleared.' ,
143+ title : t ( 'testProductionLLM.chatClearedTitle' ) ,
144+ message : t ( 'testProductionLLM.chatClearedMessage' ) ,
145145 } ) ;
146146 } ;
147147
148148 return (
149149 < div >
150150 < div className = "test-production-llm" >
151151 < div className = "test-production-llm__header" >
152- < h1 > { t ( 'Test Production LLM ' ) } </ h1 >
152+ < h1 > { t ( 'testProductionLLM.title ' ) } </ h1 >
153153 < Button onClick = { clearChat } appearance = "secondary" >
154- { t ( 'Clear Chat ' ) }
154+ { t ( 'testProductionLLM.clearChat ' ) }
155155 </ Button >
156156 </ div >
157157
158158 < div className = "test-production-llm__chat-container" >
159159 < div className = "test-production-llm__messages" >
160160 { messages . length === 0 && (
161161 < div className = "test-production-llm__welcome" >
162- < p > Welcome to Production LLM Testing </ p >
163- < p > Start a conversation by typing a message below. </ p >
162+ < p > { t ( 'testProductionLLM.welcomeTitle' ) } </ p >
163+ < p > { t ( 'testProductionLLM.welcomeSubtitle' ) } </ p >
164164 </ div >
165165 ) }
166166
@@ -197,12 +197,12 @@ const TestProductionLLM: FC = () => {
197197
198198 < div className = "test-production-llm__input-area" >
199199 < FormTextarea
200- label = "Message"
200+ label = { t ( 'testProductionLLM.messageLabel' ) }
201201 name = "message"
202202 value = { inputMessage }
203203 onChange = { ( e ) => setInputMessage ( e . target . value ) }
204204 onKeyDown = { handleKeyPress }
205- placeholder = "Type your message here... (Press Enter to send, Shift+Enter for new line)"
205+ placeholder = { t ( 'testProductionLLM.messagePlaceholder' ) ?? "" }
206206 hideLabel
207207 maxRows = { 4 }
208208 disabled = { isLoading || isStreaming }
@@ -212,7 +212,7 @@ const TestProductionLLM: FC = () => {
212212 disabled = { isLoading || isStreaming || ! inputMessage . trim ( ) }
213213 className = "test-production-llm__send-button"
214214 >
215- { isLoading || isStreaming ? 'Sending...' : 'Send' }
215+ { isLoading || isStreaming ? t ( 'testProductionLLM.sendingButton' ) : t ( 'testProductionLLM.sendButton' ) }
216216 </ Button >
217217 </ div >
218218 </ div >
0 commit comments