diff --git a/invokeai/frontend/web/src/features/lora/components/LoRASelect.tsx b/invokeai/frontend/web/src/features/lora/components/LoRASelect.tsx index ae74c1905b..f49627b34f 100644 --- a/invokeai/frontend/web/src/features/lora/components/LoRASelect.tsx +++ b/invokeai/frontend/web/src/features/lora/components/LoRASelect.tsx @@ -71,6 +71,7 @@ const LoRASelect = () => { allowEmpty placeholder={placeholder} getIsOptionDisabled={getIsDisabled} + noOptionsText={t('models.noLoRAsInstalled')} /> ); diff --git a/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx b/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx index d8665295f1..501e40b3a4 100644 --- a/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx +++ b/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx @@ -58,14 +58,14 @@ const components = { LinkComponent: , }; -const NoOptionsFallback = memo(() => { +const NoOptionsFallback = memo(({ noOptionsText }: { noOptionsText?: string }) => { const { t } = useTranslation(); const isModelsTabDisabled = useAppSelector(selectIsModelsTabDisabled); const onClickGoToModelManager = useStore($onClickGoToModelManager); return ( - {t('modelManager.modelPickerFallbackNoModelsInstalled')} + {noOptionsText ?? t('modelManager.modelPickerFallbackNoModelsInstalled')} {(!isModelsTabDisabled || onClickGoToModelManager) && ( @@ -124,6 +124,7 @@ export const ModelPicker = typedMemo( isDisabled, isInvalid, className, + noOptionsText, }: { modelConfigs: T[]; selectedModelConfig: T | undefined; @@ -135,6 +136,7 @@ export const ModelPicker = typedMemo( isDisabled?: boolean; isInvalid?: boolean; className?: string; + noOptionsText?: string; }) => { const { t } = useTranslation(); const options = useMemo[]>(() => { @@ -237,7 +239,7 @@ export const ModelPicker = typedMemo( selectedOption={selectedModelConfig} isMatch={isMatch} OptionComponent={PickerOptionComponent} - noOptionsFallback={} + noOptionsFallback={} noMatchesFallback={t('modelManager.noMatchingModels')} NextToSearchBar={} getIsOptionDisabled={getIsOptionDisabled}