web: fix separators in context menu

This commit is contained in:
Abdullah Atta
2023-02-08 15:03:00 +05:00
committed by Abdullah Atta
parent 05cec14c9b
commit ca5543d6ea
3 changed files with 4 additions and 4 deletions

View File

@@ -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;

View File

@@ -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"

View File

@@ -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;
}