Basic integration with API

1 files changed, 17 insertions, 14 deletions

diff --git a/src/routes/tabs/NavigationBar.tsx b/src/routes/tabs/NavigationBar.tsx
index 1693d057..3359fc0d 100644
--- a/src/routes/tabs/NavigationBar.tsx
+++ b/src/routes/tabs/NavigationBar.tsx
@@ -6,6 +6,7 @@ import {useSelector} from 'react-redux';
 import {NavigationIcon} from '../../components';
 import {NO_NOTIFICATIONS} from '../../store/initialStates';
 import {RootState} from '../../store/rootReducer';
+import {getNotificationsUnreadCount} from '../../services';
 import {ScreenType} from '../../types';
 import {haveUnreadNotifications, SCREEN_WIDTH, isIPhoneX} from '../../utils';
 import MainStackScreen from '../main/MainStackScreen';
@@ -32,12 +33,7 @@ const NavigationBar: React.FC = () => {
   const [iconStart, setIconStart] = useState<number[]>([0, -100]);
   const [tipStart, setTipStart] = useState<number[]>([0, -100]);
   const [complete, setComplete] = useState<boolean>(false);
-  const [notificationSets, setNotificationSets] = useState({
-    CMT: 412314213123,
-    FR_REQ: 52131,
-    PR_V: 3,
-    TAG: 712321,
-  });
+  const [notificationSets, setNotificationSets] = useState({});
   const [timeCount, setTimeCount] = useState<boolean>(false);
   const [timeOut, setTimeOut] = useState<boolean>(false);
   const iconRef = useRef(null);
@@ -130,10 +126,17 @@ const NavigationBar: React.FC = () => {
   }, [complete]);
 
   useEffect(() => {
-    setTimeout(() => {
-      console.log('iconRef', iconRef);
-    }, 60000);
-  });
+    // setTimeout(() => {
+    //   console.log('iconRef', iconRef);
+    // }, 60000);
+
+    const getCount = async () => {
+      const data = await getNotificationsUnreadCount();
+      setNotificationSets(data);
+    };
+
+    getCount();
+  }, []);
 
   return (
     <>
@@ -172,22 +175,22 @@ const NavigationBar: React.FC = () => {
                   </Text>
                 </>
               )}
-              {notificationSets.PR_V && (
+              {notificationSets.P_VIEW && (
                 <>
                   <Image
                     source={require('../../assets/images/pill-icon-3.png')}
                     style={styles.indicationIcon}
                   />
                   <Text style={styles.text}>
-                    {numberWithCommas(notificationSets.PR_V)}
+                    {numberWithCommas(notificationSets.P_VIEW)}
                   </Text>
                 </>
               )}
-              {notificationSets.TAG && (
+              {notificationSets.MOM_TAG && (
                 <>
                   <PillIcon4 style={styles.indicationIcon} />
                   <Text style={styles.text}>
-                    {numberWithCommas(notificationSets.TAG)}
+                    {numberWithCommas(notificationSets.MOM_TAG)}
                   </Text>
                 </>
               )}