From 2def3ba7b36569f29ca965faf41493aaa30e4afc Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Tue, 2 Aug 2022 11:03:52 +0200
Subject: [PATCH] fix(web/menu): don't render no label buttons

---
 web/src/features/menu/list/index.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/web/src/features/menu/list/index.tsx b/web/src/features/menu/list/index.tsx
index f3261d8..f83a906 100644
--- a/web/src/features/menu/list/index.tsx
+++ b/web/src/features/menu/list/index.tsx
@@ -190,13 +190,17 @@ const ListMenu: React.FC = () => {
               <FocusTrap active={visible}>
                 <Stack direction="column" p={2} overflowY="scroll">
                   {menu.items.map((item, index) => (
-                    <ListItem
-                      index={index}
-                      item={item}
-                      scrollIndex={indexStates[index]}
-                      ref={listRefs}
-                      key={`menu-item-${index}`}
-                    />
+                    <>
+                      {item.label && (
+                        <ListItem
+                          index={index}
+                          item={item}
+                          scrollIndex={indexStates[index]}
+                          ref={listRefs}
+                          key={`menu-item-${index}`}
+                        />
+                      )}
+                    </>
                   ))}
                 </Stack>
               </FocusTrap>