diff --git a/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx b/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx index c362a4159..db2f46a22 100644 --- a/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx +++ b/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx @@ -1,15 +1,21 @@ import React from 'react'; +import { defineMessages, useIntl } from 'react-intl'; import { useHistory } from 'react-router-dom'; import { CardTitle, HStack, IconButton, Stack } from 'soapbox/components/ui'; import ChatSearch from '../../chat-search/chat-search'; +const messages = defineMessages({ + title: { id: 'chat.new_message.title', defaultMessage: 'New Message' }, +}); + interface IChatPageNew { } /** New message form to create a chat. */ const ChatPageNew: React.FC = () => { + const intl = useIntl(); const history = useHistory(); return ( @@ -22,7 +28,7 @@ const ChatPageNew: React.FC = () => { onClick={() => history.push('/chats')} /> - + @@ -31,4 +37,4 @@ const ChatPageNew: React.FC = () => { ); }; -export default ChatPageNew; \ No newline at end of file +export default ChatPageNew; diff --git a/app/soapbox/features/chats/components/chat-search/chat-search.tsx b/app/soapbox/features/chats/components/chat-search/chat-search.tsx index c6b9536a5..c10dc61c5 100644 --- a/app/soapbox/features/chats/components/chat-search/chat-search.tsx +++ b/app/soapbox/features/chats/components/chat-search/chat-search.tsx @@ -1,6 +1,7 @@ import { useMutation } from '@tanstack/react-query'; import { AxiosError } from 'axios'; import React, { useState } from 'react'; +import { defineMessages, useIntl } from 'react-intl'; import { useHistory } from 'react-router-dom'; import { Icon, Input, Stack } from 'soapbox/components/ui'; @@ -17,11 +18,16 @@ import Blankslate from './blankslate'; import EmptyResultsBlankslate from './empty-results-blankslate'; import Results from './results'; +const messages = defineMessages({ + placeholder: { id: 'chat_search.placeholder', defaultMessage: 'Type a name' }, +}); + interface IChatSearch { isMainPage?: boolean } const ChatSearch = (props: IChatSearch) => { + const intl = useIntl(); const { isMainPage = false } = props; const debounce = useDebounce; @@ -88,7 +94,7 @@ const ChatSearch = (props: IChatSearch) => { data-testid='search' type='text' autoFocus - placeholder='Type a name' + placeholder={intl.formatMessage(messages.placeholder)} value={value || ''} onChange={(event) => setValue(event.target.value)} outerClassName='mt-0' @@ -112,4 +118,4 @@ const ChatSearch = (props: IChatSearch) => { ); }; -export default ChatSearch; \ No newline at end of file +export default ChatSearch;