From 0c0c9eb05c2b6c3c92cbfe204423a5e19f86824b Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Wed, 12 Oct 2022 15:18:46 -0500
Subject: Update api nsids

---
 src/view/shell/mobile/MainMenu.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'src/view/shell/mobile/MainMenu.tsx')

diff --git a/src/view/shell/mobile/MainMenu.tsx b/src/view/shell/mobile/MainMenu.tsx
index 60f7d3ce3..18b68d5af 100644
--- a/src/view/shell/mobile/MainMenu.tsx
+++ b/src/view/shell/mobile/MainMenu.tsx
@@ -56,10 +56,12 @@ export const MainMenu = observer(
       icon,
       label,
       url,
+      count,
     }: {
       icon: IconProp
       label: string
       url: string
+      count?: number
     }) => (
       <TouchableOpacity
         style={[styles.menuItem, styles.menuItemMargin]}
@@ -75,6 +77,11 @@ export const MainMenu = observer(
             />
           )}
         </View>
+        {count ? (
+          <View style={styles.menuItemCount}>
+            <Text style={styles.menuItemCountLabel}>{count}</Text>
+          </View>
+        ) : undefined}
         <Text style={styles.menuItemLabel} numberOfLines={1}>
           {label}
         </Text>
@@ -123,6 +130,7 @@ export const MainMenu = observer(
                   icon={['far', 'bell']}
                   label="Notifications"
                   url="/notifications"
+                  count={store.me.notificationCount}
                 />
               </Animated.View>
             </View>
@@ -212,4 +220,18 @@ const styles = StyleSheet.create({
   menuItemLabel: {
     fontSize: 13,
   },
+  menuItemCount: {
+    position: 'absolute',
+    left: 48,
+    top: 10,
+    backgroundColor: colors.red3,
+    paddingHorizontal: 4,
+    paddingBottom: 1,
+    borderRadius: 6,
+  },
+  menuItemCountLabel: {
+    fontSize: 12,
+    fontWeight: 'bold',
+    color: colors.white,
+  },
 })
-- 
cgit 1.4.1

