diff --git a/public/js/cat_source/es6/components/createProject/SourceLanguageSelect.js b/public/js/cat_source/es6/components/createProject/SourceLanguageSelect.js index 015da4454b..2a96c178bb 100644 --- a/public/js/cat_source/es6/components/createProject/SourceLanguageSelect.js +++ b/public/js/cat_source/es6/components/createProject/SourceLanguageSelect.js @@ -8,8 +8,13 @@ export const SourceLanguageSelect = ({ isRenderedInsideTab = false, dropdownClassName, }) => { - const {SELECT_HEIGHT, languages, sourceLang, changeSourceLanguage} = - useContext(CreateProjectContext) + const { + SELECT_HEIGHT, + languages, + sourceLang, + changeSourceLanguage, + projectTemplates, + } = useContext(CreateProjectContext) const {isUserLogged} = useContext(ApplicationWrapperContext) return ( @@ -22,10 +27,10 @@ export const SourceLanguageSelect = ({ maxHeightDroplist={SELECT_HEIGHT} showSearchBar={true} options={languages} - activeOption={sourceLang} + activeOption={Object.keys(sourceLang).length ? sourceLang : undefined} checkSpaceToReverse={isRenderedInsideTab} onSelect={(option) => changeSourceLanguage(option)} - isDisabled={!isUserLogged} + isDisabled={!isUserLogged || !projectTemplates.length} > {({name, code}) => ({ row: ( diff --git a/public/js/cat_source/es6/components/createProject/TargetLanguagesSelect.js b/public/js/cat_source/es6/components/createProject/TargetLanguagesSelect.js index dcb6206a62..6976c5bdbb 100644 --- a/public/js/cat_source/es6/components/createProject/TargetLanguagesSelect.js +++ b/public/js/cat_source/es6/components/createProject/TargetLanguagesSelect.js @@ -4,22 +4,29 @@ import ChevronDown from '../../../../../img/icons/ChevronDown' import {useRef} from 'react' export const TargetLanguagesSelect = () => { - const {targetLangs, setIsOpenMultiselectLanguages, languages} = - useContext(CreateProjectContext) + const { + targetLangs, + setIsOpenMultiselectLanguages, + languages, + projectTemplates, + } = useContext(CreateProjectContext) const selectedItemRef = useRef() const getActiveLabel = () => targetLangs.map(({name}) => name).join(',') const openModal = () => languages?.length > 0 && setIsOpenMultiselectLanguages(true) - return ( + return projectTemplates.length > 0 ? (