Translate placeholders

This commit is contained in:
Nicola Benaglia
2025-05-20 22:29:35 +02:00
parent 748a469598
commit 71475c2e77
13 changed files with 65 additions and 23 deletions

View File

@@ -292,7 +292,9 @@ export const AppPublish = ({ names, categories }) => {
</InputLabel>
<CustomSelect
placeholder="Select Name/App"
placeholder={t('core:action.select_name_app', {
postProcess: 'capitalizeFirstChar',
})}
displayEmpty
value={name}
onChange={(event) => setName(event?.target.value)}
@@ -323,7 +325,9 @@ export const AppPublish = ({ names, categories }) => {
</InputLabel>
<CustomSelect
placeholder="SERVICE TYPE"
placeholder={t('core:service_type', {
postProcess: 'capitalizeFirstChar',
})}
displayEmpty
value={appType}
onChange={(event) => setAppType(event?.target.value)}
@@ -339,11 +343,13 @@ export const AppPublish = ({ names, categories }) => {
})}
</em>
</CustomMenuItem>
<CustomMenuItem value={'APP'}>
{t('core:app', {
postProcess: 'capitalizeFirstChar',
})}
</CustomMenuItem>
<CustomMenuItem value={'WEBSITE'}>
{t('core:website', {
postProcess: 'capitalizeFirstChar',
@@ -370,7 +376,7 @@ export const AppPublish = ({ names, categories }) => {
width: '100%',
maxWidth: '450px',
}}
placeholder="Title"
placeholder={t('core:title', { postProcess: 'capitalizeFirstChar' })}
inputProps={{
'aria-label': 'Title',
fontSize: '14px',
@@ -397,7 +403,9 @@ export const AppPublish = ({ names, categories }) => {
width: '100%',
maxWidth: '450px',
}}
placeholder="Description"
placeholder={t('core:description', {
postProcess: 'capitalizeFirstChar',
})}
inputProps={{
'aria-label': 'Description',
fontSize: '14px',
@@ -415,7 +423,9 @@ export const AppPublish = ({ names, categories }) => {
<CustomSelect
displayEmpty
placeholder="Select Category"
placeholder={t('core:action.select_category', {
postProcess: 'capitalizeFirstChar',
})}
value={category}
onChange={(event) => setCategory(event?.target.value)}
>

View File

@@ -15,6 +15,7 @@ import IconClearInput from '../../assets/svgs/ClearInput.svg';
import { Spacer } from '../../common/Spacer';
import { AppInfoSnippet } from './AppInfoSnippet';
import { Virtuoso } from 'react-virtuoso';
import { useTranslation } from 'react-i18next';
const StyledVirtuosoContainer = styled('div')({
position: 'relative',
@@ -44,6 +45,7 @@ export const AppsCategoryDesktop = ({
const [searchValue, setSearchValue] = useState('');
const virtuosoRef = useRef(null);
const theme = useTheme();
const { t } = useTranslation(['auth', 'core', 'group']);
const categoryList = useMemo(() => {
if (category?.id === 'all') return availableQapps;
@@ -139,7 +141,9 @@ export const AppsCategoryDesktop = ({
ml: 1,
paddingLeft: '12px',
}}
placeholder="Search for apps"
placeholder={t('core:action.search_apps', {
postProcess: 'capitalizeFirstChar',
})}
inputProps={{
'aria-label': 'Search for apps',
fontSize: '16px',

View File

@@ -415,7 +415,9 @@ export const AppsPrivate = ({ myName }) => {
{t('core:name', { postProcess: 'capitalizeFirstChar' })}
</Label>
<Input
placeholder="name"
placeholder={t('core:name', {
postProcess: 'capitalizeFirstChar',
})}
value={privateAppValues?.name}
onChange={(e) =>
setPrivateAppValues((prev) => {

View File

@@ -589,7 +589,9 @@ export const ChatDirect = ({
fontSize: '18px',
padding: '5px',
}}
placeholder="Name or address"
placeholder={t('auth:message.generic.name_address', {
postProcess: 'capitalizeFirstChar',
})}
value={directToValue}
onChange={(e) => setDirectToValue(e.target.value)}
/>

View File

@@ -422,7 +422,9 @@ export const ChatOptions = ({
value={searchValue}
onChange={(e) => setSearchValue(e.target.value)}
sx={{ ml: 1, flex: 1 }}
placeholder="Search chat text"
placeholder={t('core:action.search_chat_text', {
postProcess: 'capitalizeFirstChar',
})}
inputProps={{
'aria-label': 'Search for apps',
fontSize: '16px',

View File

@@ -187,7 +187,9 @@ export const BlockedUsersModal = () => {
}}
>
<TextField
placeholder="Name or address"
placeholder={t('auth:message.generic.name_address', {
postProcess: 'capitalizeFirstChar',
})}
value={value}
onChange={(e) => {
setValue(e.target.value);

View File

@@ -476,7 +476,9 @@ export const NewThread = ({
onChange={(e) => {
setThreadTitle(e.target.value);
}}
placeholder="Thread Title"
placeholder={t('core:thread_title', {
postProcess: 'capitalizeFirstChar',
})}
disableUnderline
autoComplete="off"
autoCorrect="off"

View File

@@ -92,7 +92,9 @@ export const InviteMember = ({ groupId, setInfoSnack, setOpenSnack, show }) => {
<Input
value={value}
placeholder="Name or address"
placeholder={t('auth:message.generic.name_address', {
postProcess: 'capitalizeFirstChar',
})}
onChange={(e) => setValue(e.target.value)}
/>

View File

@@ -925,14 +925,18 @@ export const NotAuthenticated = ({
}}
>
<Input
placeholder="Url"
placeholder={t('core:url', {
postProcess: 'capitalizeAll',
})}
value={url}
onChange={(e) => {
setUrl(e.target.value);
}}
/>
<Input
placeholder="Api key"
placeholder={t('auth:apikey.key', {
postProcess: 'capitalizeFirstChar',
})}
value={customApikey}
onChange={(e) => {
setCustomApiKey(e.target.value);

View File

@@ -235,7 +235,9 @@ export const RegisterName = ({
autoFocus
onChange={(e) => setRegisterNameValue(e.target.value)}
value={registerNameValue}
placeholder="Choose a name"
placeholder={t('core:action.choose_name', {
postProcess: 'capitalizeFirstChar',
})}
/>
{(!balance || (nameFee && balance && balance < nameFee)) && (
<>