github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-14 12:55:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): more flexible fallbacks for model picker

Browse Source
This commit is contained in:
psychedelicious
2025-04-22 19:50:50 +10:00
parent ba42c3e63f
commit fbc1aae52d
2 changed files with 26 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,13 +20,7 @@ import {
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import { InformationalPopover } from 'common/components/InformationalPopover/InformationalPopover';
import type { Group, ImperativeModelPickerHandle } from 'common/components/Picker/Picker';
import {
DefaultNoMatchesFallback,
DefaultNoOptionsFallback,
getRegex,
Picker,
usePickerContext,
} from 'common/components/Picker/Picker';
import { getRegex, Picker, usePickerContext } from 'common/components/Picker/Picker';
import { useDisclosure } from 'common/hooks/useBoolean';
import { fixedForwardRef } from 'common/util/fixedForwardRef';
import { typedMemo } from 'common/util/typedMemo';
@@ -183,13 +177,12 @@ export const MainModelPicker = memo(() => {
<FormLabel>{t('modelManager.model')}</FormLabel>
</InformationalPopover>
<PopoverTrigger>
<Button size="sm" flexGrow={1} variant="outline">
<Button size="sm" flexGrow={1} variant="outline" colorScheme={modelConfig ? undefined : 'error'}>
{modelConfig?.name ?? 'Select Model'}
<Spacer />
<PiCaretDownBold />
</Button>
</PopoverTrigger>
<NavigateToModelManagerButton />
<UseDefaultSettingsButton />
</Flex>
<Portal appendToParentPortal={false}>
@@ -206,8 +199,8 @@ export const MainModelPicker = memo(() => {
OptionComponent={PickerOptionComponent}
GroupComponent={PickerGroupComponent}
SearchBarComponent={SearchBarComponent}
noOptionsFallback={<DefaultNoOptionsFallback label={t('modelManager.noModelsInstalled')} />}
noMatchesFallback={<DefaultNoMatchesFallback label={t('modelManager.noMatchingModels')} />}
noOptionsFallback={t('modelManager.noModelsInstalled')}
noMatchesFallback={t('modelManager.noMatchingModels')}
ctx={ctx}
/>
</PopoverBody>