From ca5543d6eaaa48695be74a2b589f0df6c8f7bb3d Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Wed, 8 Feb 2023 15:03:00 +0500
Subject: [PATCH] web: fix separators in context menu

---
 apps/web/src/components/menu/index.js     | 2 +-
 apps/web/src/components/menu/menu-item.js | 2 +-
 apps/web/src/hooks/use-menu.js            | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/menu/index.js b/apps/web/src/components/menu/index.js
index a798c8152..400f6a1d8 100644
--- a/apps/web/src/components/menu/index.js
+++ b/apps/web/src/components/menu/index.js
@@ -44,7 +44,7 @@ function useMenuFocus(items, onAction, onClose) {
   const onKeyDown = useCallback(
     (e) => {
       const isSeperator = (i) =>
-        items && (items[i]?.type === "seperator" || items[i]?.isDisabled);
+        items && (items[i]?.type === "separator" || items[i]?.isDisabled);
       const moveDown = (i) => (i < items.length - 1 ? ++i : 0);
       const moveUp = (i) => (i > 0 ? --i : items.length - 1);
       const hasSubmenu = (i) => items && items[i]?.hasSubmenu;
diff --git a/apps/web/src/components/menu/menu-item.js b/apps/web/src/components/menu/menu-item.js
index 6d6cd42ae..e77f6df00 100644
--- a/apps/web/src/components/menu/menu-item.js
+++ b/apps/web/src/components/menu/menu-item.js
@@ -37,7 +37,7 @@ function MenuItem({ item, isFocused, onMouseEnter, onMouseLeave, onClick }) {
     modifier
   } = item;
   const itemRef = useRef();
-  if (type === "seperator")
+  if (type === "separator")
     return (
       <Box
         as="li"
diff --git a/apps/web/src/hooks/use-menu.js b/apps/web/src/hooks/use-menu.js
index e63ed31c5..ff5ca44e0 100644
--- a/apps/web/src/hooks/use-menu.js
+++ b/apps/web/src/hooks/use-menu.js
@@ -193,9 +193,9 @@ function mapMenuItems(items, data) {
     const isHidden = hidden && hidden(data, item);
     if (isHidden) return prev;
 
-    const isSeperator = type === "seperator";
+    const isSeperator = type === "separator";
     if (isSeperator) {
-      prev.push({ isSeperator: true });
+      prev.push({ type });
       return prev;
     }