github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-01-15 06:18:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

add option to override text for no options available

Browse Source
This commit is contained in:
Mary Hipp
2025-05-30 10:31:15 -04:00
committed by Kent Keirsey
parent 26a9b3131d
commit 1320a2c5f8
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
invokeai/frontend/web/src/features/lora/components/LoRASelect.tsx
View File

@@ -71,6 +71,7 @@ const LoRASelect = () => {
allowEmpty
placeholder={placeholder}
getIsOptionDisabled={getIsDisabled}
noOptionsText={t('models.noLoRAsInstalled')}
/>
</FormControl>
);

8
invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx
View File

@@ -58,14 +58,14 @@ const components = {
LinkComponent: <ModelManagerLink />,
};
const NoOptionsFallback = memo(() => {
const NoOptionsFallback = memo(({ noOptionsText }: { noOptionsText?: string }) => {
const { t } = useTranslation();
const isModelsTabDisabled = useAppSelector(selectIsModelsTabDisabled);
const onClickGoToModelManager = useStore($onClickGoToModelManager);
return (
<Flex flexDir="column" gap={4} alignItems="center">
<Text color="base.200">{t('modelManager.modelPickerFallbackNoModelsInstalled')}</Text>
<Text color="base.200">{noOptionsText ?? t('modelManager.modelPickerFallbackNoModelsInstalled')}</Text>
{(!isModelsTabDisabled || onClickGoToModelManager) && (
<Text color="base.200">
<Trans i18nKey="modelManager.modelPickerFallbackNoModelsInstalled2" components={components} />
@@ -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<T[] | Group<T>[]>(() => {
@@ -237,7 +239,7 @@ export const ModelPicker = typedMemo(
selectedOption={selectedModelConfig}
isMatch={isMatch}
OptionComponent={PickerOptionComponent}
noOptionsFallback={<NoOptionsFallback />}
noOptionsFallback={<NoOptionsFallback noOptionsText={noOptionsText} />}
noMatchesFallback={t('modelManager.noMatchingModels')}
NextToSearchBar={<NavigateToModelManagerButton />}
getIsOptionDisabled={getIsOptionDisabled}