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(ui): only show modellistitem when none in array

Browse Source
This commit is contained in:
psychedelicious 2023-07-14 19:46:18 +10:00
parent 0b2f0c05b2
commit 56d209842f
1 changed files with 32 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/ModelManagerPanel/ModelList.tsx
View File

@ -79,36 +79,38 @@ const ModelList = (props: ModelListProps) => {
</IAIButton> </IAIButton>
</ButtonGroup> </ButtonGroup>
{['all', 'diffusers'].includes(modelFormatFilter) && ( {['all', 'diffusers'].includes(modelFormatFilter) &&
<Flex sx={{ gap: 2, flexDir: 'column' }}> filteredDiffusersModels.length > 0 && (
<Text variant="subtext" size="sm"> <Flex sx={{ gap: 2, flexDir: 'column' }}>
Diffusers <Text variant="subtext" size="sm">
</Text> Diffusers
{filteredDiffusersModels.map((model) => ( </Text>
<ModelListItem {filteredDiffusersModels.map((model) => (
key={model.id} <ModelListItem
model={model} key={model.id}
isSelected={selectedModelId === model.id} model={model}
setSelectedModelId={setSelectedModelId} isSelected={selectedModelId === model.id}
/> setSelectedModelId={setSelectedModelId}
))} />
</Flex> ))}
)} </Flex>
{['all', 'checkpoint'].includes(modelFormatFilter) && ( )}
<Flex sx={{ gap: 2, flexDir: 'column' }}> {['all', 'checkpoint'].includes(modelFormatFilter) &&
<Text variant="subtext" size="sm"> filteredCheckpointModels.length > 0 && (
Checkpoint <Flex sx={{ gap: 2, flexDir: 'column' }}>
</Text> <Text variant="subtext" size="sm">
{filteredCheckpointModels.map((model) => ( Checkpoint
<ModelListItem </Text>
key={model.id} {filteredCheckpointModels.map((model) => (
model={model} <ModelListItem
isSelected={selectedModelId === model.id} key={model.id}
setSelectedModelId={setSelectedModelId} model={model}
/> isSelected={selectedModelId === model.id}
))} setSelectedModelId={setSelectedModelId}
</Flex> />
)} ))}
</Flex>
)}
</Flex> </Flex>
</Flex> </Flex>
); );