From 02bb16b131e6c4f8d93ccc0c795f8fe1a8b77542 Mon Sep 17 00:00:00 2001
From: Benjamin Fan <ben-git@swinglonga.com>
Date: Thu, 10 Oct 2024 12:02:28 -0700
Subject: [PATCH] fix(shared): Provide control to menu items to allow User
 Experience circles to be filled

---
 .../workbench/menus/shared/menu-item.mjs        | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

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