From 4744df337fe6af640c24392b1b69cffc15d2154c Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Sat, 30 Jul 2022 10:10:07 +0200
Subject: [PATCH] feat(web/menu): add current and max option count into the
 list button

---
 web/src/features/menu/list/ListItem.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/features/menu/list/ListItem.tsx b/web/src/features/menu/list/ListItem.tsx
index e1b4a63..a566b12 100644
--- a/web/src/features/menu/list/ListItem.tsx
+++ b/web/src/features/menu/list/ListItem.tsx
@@ -44,8 +44,11 @@ const ListItem = forwardRef<Array<HTMLDivElement | null>, Props>(({ item, index,
               <Text>{item.value[scrollIndex]}</Text>
             </Stack>
             <Spacer />
-            <Stack direction="row" spacing="sm" mr={3}>
+            <Stack direction="row" spacing="sm" mr={3} justifyContent="center" alignItems="center">
               <FontAwesomeIcon icon="chevron-left" fontSize={16} color="#909296" />
+              <Text color="#909296" textTransform="uppercase" fontSize={14}>
+                {scrollIndex + 1}/{item.value.length}
+              </Text>
               <FontAwesomeIcon icon="chevron-right" fontSize={16} color="#909296" />
             </Stack>
           </Flex>