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}