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

feat: Change Model Select To Mantine

Browse Source
This commit is contained in:
blessedcoolant 2023-06-12 19:29:31 +12:00 committed by psychedelicious
parent 0e3106f631
commit 9a914250a0
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
invokeai/frontend/web/src/features/system/components/ModelSelect.tsx
View File

@ -1,17 +1,15 @@
import { createSelector } from '@reduxjs/toolkit'; import { createSelector } from '@reduxjs/toolkit';
import { ChangeEvent, memo, useCallback } from 'react';
import { isEqual } from 'lodash-es'; import { isEqual } from 'lodash-es';
import { ChangeEvent, memo, useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { Select } from '@mantine/core';
import { selectModelsAll, selectModelsById } from '../store/modelSlice';
import { RootState } from 'app/store/store'; import { RootState } from 'app/store/store';
import { modelSelected } from 'features/parameters/store/generationSlice'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import { IAICustomSelectOption } from 'common/components/IAICustomSelect';
import { generationSelector } from 'features/parameters/store/generationSelectors'; import { generationSelector } from 'features/parameters/store/generationSelectors';
import IAICustomSelect, { import { modelSelected } from 'features/parameters/store/generationSlice';
IAICustomSelectOption, import { selectModelsAll, selectModelsById } from '../store/modelSlice';
} from 'common/components/IAICustomSelect';
import IAISelect from 'common/components/IAISelect';
const selector = createSelector( const selector = createSelector(
[(state: RootState) => state, generationSelector], [(state: RootState) => state, generationSelector],
@ -64,13 +62,13 @@ const ModelSelect = () => {
// ); // );
return ( return (
<IAISelect <Select
label={t('modelManager.model')} label={t('modelManager.model')}
tooltip={selectedModel?.description}
validValues={modelData}
value={selectedModel?.name ?? ''} value={selectedModel?.name ?? ''}
placeholder="Pick one"
data={modelData}
searchable
onChange={handleChangeModel} onChange={handleChangeModel}
tooltipProps={{ placement: 'top', hasArrow: true }}
/> />
); );