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

cleanup

Browse Source
This commit is contained in:
Mary Hipp
2025-07-18 15:16:31 -04:00
committed by psychedelicious
parent 48c27ec117
commit 1430858112
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -941,7 +941,6 @@ const listSx = {
const PickerList = typedMemo(<T extends object>() => {
const { getOptionId, isCompactView, $filteredOptions } = usePickerContext<T>();
const compactView = isCompactView;
const filteredOptions = useStore($filteredOptions);
if (filteredOptions.length === 0) {
@@ -950,10 +949,10 @@ const PickerList = typedMemo(<T extends object>() => {
return (
<ScrollableContent>
<Flex sx={listSx} data-is-compact={compactView}>
<Flex sx={listSx} data-is-compact={isCompactView}>
{filteredOptions.map((optionOrGroup, i) => {
if (isGroup(optionOrGroup)) {
const withDivider = !compactView && i < filteredOptions.length - 1;
const withDivider = !isCompactView && i < filteredOptions.length - 1;
return (
<React.Fragment key={optionOrGroup.id}>
<PickerGroup group={optionOrGroup} />
@@ -1096,13 +1095,12 @@ const groupHeaderSx = {
const PickerGroupHeader = typedMemo(<T extends object>({ group }: { group: Group<T> }) => {
const { t } = useTranslation();
const { isCompactView } = usePickerContext<T>();
const compactView = isCompactView;
const color = getGroupColor(group);
const name = getGroupName(group);
const count = getGroupCount(group, t);
return (
<Flex sx={groupHeaderSx} data-is-compact={compactView}>
<Flex sx={groupHeaderSx} data-is-compact={isCompactView}>
<Flex gap={2} alignItems="center">
<Text fontSize="sm" fontWeight="semibold" color={color} noOfLines={1}>
{name}