From c510ba308738fc88edb11772fe9db6ec4537427f Mon Sep 17 00:00:00 2001
From: Ashm Walia <ashmwalia@outlook.com>
Date: Tue, 19 Jan 2021 11:36:56 -0800
Subject: Done

---
 src/routes/tabs/NavigationBar.tsx | 43 ++++++++++++++++++++++++++++++++-------
 1 file changed, 36 insertions(+), 7 deletions(-)

(limited to 'src/routes/tabs')

diff --git a/src/routes/tabs/NavigationBar.tsx b/src/routes/tabs/NavigationBar.tsx
index 3757c56b..7d29ab67 100644
--- a/src/routes/tabs/NavigationBar.tsx
+++ b/src/routes/tabs/NavigationBar.tsx
@@ -1,15 +1,36 @@
 import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
-import React, {Fragment} from 'react';
+import React, {Fragment, useEffect, useState} from 'react';
 import {useSelector} from 'react-redux';
 import {NavigationIcon} from '../../components';
+import {NO_NOTIFICATIONS} from '../../store/initialStates';
 import {RootState} from '../../store/rootReducer';
 import {ScreenType} from '../../types';
+import {haveUnreadNotifications} from '../../utils';
 import MainStackScreen from '../main/MainStackScreen';
 
 const Tabs = createBottomTabNavigator();
 
 const NavigationBar: React.FC = () => {
-  const {isOnboardedUser} = useSelector((state: RootState) => state.user);
+  const {isOnboardedUser, newNotificationReceived} = useSelector(
+    (state: RootState) => state.user,
+  );
+
+  const {notifications: {notifications} = NO_NOTIFICATIONS} = useSelector(
+    (state: RootState) => state,
+  );
+
+  const [unreadNotificationsPresent, setUnreadNotificationsPresent] = useState<
+    boolean
+  >(false);
+
+  useEffect(() => {
+    const determine = async () => {
+      setUnreadNotificationsPresent(
+        await haveUnreadNotifications(notifications),
+      );
+    };
+    determine();
+  }, [notifications]);
 
   return (
     <Tabs.Navigator
@@ -23,7 +44,15 @@ const NavigationBar: React.FC = () => {
             case 'Upload':
               return <NavigationIcon tab="Upload" disabled={!focused} />;
             case 'Notifications':
-              return <NavigationIcon tab="Notifications" disabled={!focused} />;
+              return (
+                <NavigationIcon
+                  newIcon={
+                    newNotificationReceived || unreadNotificationsPresent
+                  }
+                  tab="Notifications"
+                  disabled={!focused}
+                />
+              );
             case 'Profile':
               return <NavigationIcon tab="Profile" disabled={!focused} />;
             default:
@@ -44,14 +73,14 @@ const NavigationBar: React.FC = () => {
         },
       }}>
       <Tabs.Screen
-        name="Notifications"
+        name="Search"
         component={MainStackScreen}
-        initialParams={{screenType: ScreenType.Notifications}}
+        initialParams={{screenType: ScreenType.Search}}
       />
       <Tabs.Screen
-        name="Search"
+        name="Notifications"
         component={MainStackScreen}
-        initialParams={{screenType: ScreenType.Search}}
+        initialParams={{screenType: ScreenType.Notifications}}
       />
       <Tabs.Screen
         name="Profile"
-- 
cgit v1.2.3-70-g09d2