Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

added info popover back to model, updated description hover to combobox only

Browse Source
This commit is contained in:
Jennifer Player 2024-04-11 20:47:49 -04:00 committed by psychedelicious
parent 489d485907
commit bd7c8cd517
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,4 @@
import { Combobox, FormControl, FormLabel, Tooltip } from '@invoke-ai/ui-library'; import { Box, Combobox, FormControl, FormLabel, Tooltip } from '@invoke-ai/ui-library';
import { createMemoizedSelector } from 'app/store/createMemoizedSelector'; import { createMemoizedSelector } from 'app/store/createMemoizedSelector';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import { InformationalPopover } from 'common/components/InformationalPopover/InformationalPopover'; import { InformationalPopover } from 'common/components/InformationalPopover/InformationalPopover';
@ -46,11 +46,12 @@ const ParamMainModelSelect = () => {
}); });
return ( return (
<Tooltip label={tooltipLabel}>
<FormControl isDisabled={!modelConfigs.length} isInvalid={!value || !modelConfigs.length}> <FormControl isDisabled={!modelConfigs.length} isInvalid={!value || !modelConfigs.length}>
<InformationalPopover feature="paramModel"> <InformationalPopover feature="paramModel">
<FormLabel>{t('modelManager.model')}</FormLabel> <FormLabel>{t('modelManager.model')}</FormLabel>
</InformationalPopover> </InformationalPopover>
<Tooltip label={tooltipLabel}>
<Box w="full">
<Combobox <Combobox
value={value} value={value}
placeholder={placeholder} placeholder={placeholder}
@ -58,8 +59,9 @@ const ParamMainModelSelect = () => {
onChange={onChange} onChange={onChange}
noOptionsMessage={noOptionsMessage} noOptionsMessage={noOptionsMessage}
/> />
</FormControl> </Box>
</Tooltip> </Tooltip>
</FormControl>
); );
}; };