From 1430858112bc63863af0c62b4acb5631e85d0dc6 Mon Sep 17 00:00:00 2001
From: Mary Hipp <maryhipp@Marys-MacBook-Pro.local>
Date: Fri, 18 Jul 2025 15:16:31 -0400
Subject: [PATCH] cleanup

---
 .../frontend/web/src/common/components/Picker/Picker.tsx  | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/src/common/components/Picker/Picker.tsx b/invokeai/frontend/web/src/common/components/Picker/Picker.tsx
index 091813a692..c23b3989b9 100644
--- a/invokeai/frontend/web/src/common/components/Picker/Picker.tsx
+++ b/invokeai/frontend/web/src/common/components/Picker/Picker.tsx
@@ -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}