1
0
Fork 0

fix(shared): Provide control to menu items to allow User Experience circles to be filled

This commit is contained in:
Benjamin Fan 2024-10-10 12:02:28 -07:00
parent adf83eda8c
commit 02bb16b131

View file

@ -193,10 +193,10 @@ export const MenuItemGroup = ({
const ItemIcon = item.icon const ItemIcon = item.icon
? item.icon ? item.icon
: item.isGroup : item.isGroup
? GroupIcon ? GroupIcon
: Icon : Icon
? Icon ? Icon
: () => <span role="img">fixme-icon</span> : () => <span role="img">fixme-icon</span>
const Value = item.isGroup const Value = item.isGroup
? () => ( ? () => (
<div className="flex flex-row gap-2 items-center font-medium"> <div className="flex flex-row gap-2 items-center font-medium">
@ -205,10 +205,10 @@ export const MenuItemGroup = ({
</div> </div>
) )
: isDesignOptionsGroup : isDesignOptionsGroup
? values[optionType(item)] ? values[optionType(item)]
: values[itemName] : values[itemName]
? values[itemName] ? values[itemName]
: () => <span>¯\_()_/¯</span> : () => <span>¯\_()_/¯</span>
return [ return [
<div className="flex flex-row items-center justify-between w-full" key="a"> <div className="flex flex-row items-center justify-between w-full" key="a">
@ -223,6 +223,7 @@ export const MenuItemGroup = ({
t={t} t={t}
changed={wasChanged(currentValues[itemName], item)} changed={wasChanged(currentValues[itemName], item)}
design={design} design={design}
control={control}
/> />
</div> </div>
</div>, </div>,