diff --git a/src/components/collections/CollectionFormConfigs.jsx b/src/components/collections/CollectionFormConfigs.jsx index ce92b6b1..c32e22ba 100644 --- a/src/components/collections/CollectionFormConfigs.jsx +++ b/src/components/collections/CollectionFormConfigs.jsx @@ -32,6 +32,7 @@ const CONFIG = { }, supportedLanguages: { label: 'Supported Languages', + placeholder: 'Choose Supported languages', tooltip: 'Other languages that may be used in your Collection.', }, }, @@ -39,6 +40,7 @@ const CONFIG = { title: 'Configuration', type: { label: 'Collection type', + placeholder: 'Select collection type', tooltip: 'The type of Collection that you want to create. Note that some Collection types have special meaning.', }, customValidationSchema: { diff --git a/src/components/common/LocaleAutoComplete.jsx b/src/components/common/LocaleAutoComplete.jsx index 275be714..8ddeca66 100644 --- a/src/components/common/LocaleAutoComplete.jsx +++ b/src/components/common/LocaleAutoComplete.jsx @@ -3,7 +3,7 @@ import { TextField, Box, Divider, Autocomplete } from '@mui/material'; import { get, isEmpty, find, uniqBy } from 'lodash' import { fetchLocales } from '../../common/utils'; -const LocaleAutoComplete = ({ cachedLocales, id, selected, multiple, required, onChange, label, error, size, fullWidth, ...rest }) => { +const LocaleAutoComplete = ({ cachedLocales, id, selected, multiple, required, onChange, label, error, size, fullWidth, placeholder, ...rest }) => { const [locales, setLocales] = React.useState(cachedLocales || []) const _fullWidth = !(fullWidth === false) @@ -64,6 +64,7 @@ const LocaleAutoComplete = ({ cachedLocales, id, selected, multiple, required, o size={size || 'medium'} required={required} label={label} + placeholder={placeholder} error={error} variant="outlined" fullWidth={_fullWidth} diff --git a/src/components/common/conceptContainerFormComponents/ConfigurationForm.jsx b/src/components/common/conceptContainerFormComponents/ConfigurationForm.jsx index 04d86f0a..2f710f1a 100644 --- a/src/components/common/conceptContainerFormComponents/ConfigurationForm.jsx +++ b/src/components/common/conceptContainerFormComponents/ConfigurationForm.jsx @@ -118,6 +118,7 @@ const ConfigurationForm = props => { {...params} required label={configs.type.label} + placeholder={configs.type.placeholder} variant="outlined" fullWidth /> diff --git a/src/components/common/conceptContainerFormComponents/LanguageForm.jsx b/src/components/common/conceptContainerFormComponents/LanguageForm.jsx index cb98180a..86a301d4 100644 --- a/src/components/common/conceptContainerFormComponents/LanguageForm.jsx +++ b/src/components/common/conceptContainerFormComponents/LanguageForm.jsx @@ -60,6 +60,7 @@ const LanguageForm = props => { { multiple filterSelectedOptions label={configs.supportedLanguages.label} + placeholder={configs.supportedLanguages.placeholder} size='small' value={supportedLocales} onChange={(id, items) => onChange('supported_locales', items, setSupportedLocales, map(items, 'id').join(','))} diff --git a/src/components/sources/SourceFormConfigs.jsx b/src/components/sources/SourceFormConfigs.jsx index 5b85eb67..150390b9 100644 --- a/src/components/sources/SourceFormConfigs.jsx +++ b/src/components/sources/SourceFormConfigs.jsx @@ -32,6 +32,7 @@ const CONFIG = { }, supportedLanguages: { label: 'Supported Languages', + placeholder: 'Choose Supported languages', tooltip: 'Other languages that may be used in your Source.', }, }, @@ -39,6 +40,7 @@ const CONFIG = { title: 'Configuration', type: { label: 'Source type', + placeholder: 'Select source type', tooltip: 'The type of Source that you want to create. Note that some Source types have special meaning.', }, customValidationSchema: {