From 1fdcc2e34c9b3f1cc825fe3222d562c10ad28046 Mon Sep 17 00:00:00 2001
From: Ravindra Kele <ravindrak@bsf.io>
Date: Mon, 30 Sep 2024 13:03:20 +0530
Subject: [PATCH] Menu Item Name FIxes

---
 src/components/menu-item/menu.stories.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/menu-item/menu.stories.js b/src/components/menu-item/menu.stories.js
index 832b403f..ff4b318b 100644
--- a/src/components/menu-item/menu.stories.js
+++ b/src/components/menu-item/menu.stories.js
@@ -1,6 +1,9 @@
 import Menu from './menu-item.jsx';
 import { Store, PenTool, ShoppingBag, ShoppingCart, Truck, CreditCard, MousePointer, ChartNoAxesColumnIncreasing, Layers, CloudUpload, Bell } from 'lucide-react';
 
+Menu.displayName = 'Menu';
+Menu.List.displayName = 'Menu.List';
+Menu.Item.displayName = 'Menu.Item';
 export default {
 	title: 'Molecules/Menu',
 	component: Menu,
@@ -10,6 +13,7 @@ export default {
 	tags: [ 'autodocs' ],
 	argTypes: {
 		size: {
+			name: 'Size',
 			description: 'Specifies the size of the Menu Item components inside Menu',
 			control: { type: 'select' },
 			options: [ 'sm', 'md' ],
@@ -19,14 +23,17 @@ export default {
 			},
 		},
 		menuItemActive: {
+			name: 'Menu.Item: Active',
 			description: 'Controls if the Menu Item is active. (This will apply to "Store Settings" item only for demo)',
 			control: { type: 'boolean' },
 		},
 		menuItemDisabled: {
+			name: 'Menu.Item: Disabled',
 			description: 'Disables the Menu Item. (This will apply to "Store Settings" item only for demo)',
 			control: { type: 'boolean' },
 		},
 		menuItemContent: {
+			name: 'Menu.Item: Content',
 			description: 'Content inside the Menu Item',
 			control: { type: 'text' },
 		},