github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): disable search when no options

Browse Source
This commit is contained in:
psychedelicious
2025-04-22 20:13:19 +10:00
parent 6873e0308d
commit d802f8e7fb
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
invokeai/frontend/web/src/common/components/Picker/Picker.tsx
View File

@@ -460,7 +460,12 @@ export const Picker = typedMemo(<T extends object, U = undefined, C = undefined>
gap={2}
onKeyDown={onKeyDown}
>
<SearchBarComponent ref={inputRef} value={searchTerm} onChange={onChangeSearchTerm} />
<SearchBarComponent
ref={inputRef}
value={searchTerm}
onChange={onChangeSearchTerm}
isDisabled={flattenedOptions.length === 0}
/>
<Flex tabIndex={-1} w="full" flexGrow={1}>
{flattenedOptions.length === 0 && <NoOptionsFallbackWrapper>{noOptionsFallback}</NoOptionsFallbackWrapper>}
{flattenedOptions.length > 0 && flattenedFilteredOptions.length === 0 && (

3
invokeai/frontend/web/src/features/settingsAccordions/components/GenerationSettingsAccordion/MainModelPicker.tsx
View File

@@ -244,7 +244,7 @@ const SearchBarComponent = typedMemo(
const { t } = useTranslation();
const dispatch = useAppDispatch();
const compactModelPicker = useAppSelector(selectCompactModelPicker);
const { extra, setSearchTerm } = usePickerContext<AnyModelConfig, GroupData, PickerExtraContext>();
const { extra, setSearchTerm, options } = usePickerContext<AnyModelConfig, GroupData, PickerExtraContext>();
const onToggleCompact = useCallback(() => {
dispatch(compactModelPickerToggled());
}, [dispatch]);
@@ -276,6 +276,7 @@ const SearchBarComponent = typedMemo(
variant="ghost"
icon={compactModelPicker ? <PiArrowsOutLineVerticalBold /> : <PiArrowsInLineVerticalBold />}
onClick={onToggleCompact}
isDisabled={options.length === 0}
/>
</Flex>
<Flex gap={2} alignItems="center">