new user notification empty message

src/components/notification/view/notificationStyles.js

@@ -21,4 +21,7 @@ export default EStyleSheet.create({
   listContentContainer: {
     paddingBottom: 60,
   },
+  text: {
+    padding: 10,
+  },
 });

src/components/notification/view/notificationView.js

@@ -1,6 +1,6 @@
 /* eslint-disable react/jsx-wrap-multilines */
 import React, { PureComponent, Fragment } from 'react';
-import { View, FlatList, ActivityIndicator, RefreshControl } from 'react-native';
+import { View, FlatList, ActivityIndicator, RefreshControl, Text } from 'react-native';
 import { injectIntl } from 'react-intl';
 
 // Constants
@@ -177,7 +177,8 @@ class NotificationView extends PureComponent {
           onRightIconPress={readAllNotification}
         />
         <ThemeContainer>
-          {({ isDarkTheme }) => (
+          {({ isDarkTheme }) =>
+            _notifications && _notifications.length > 0 ? (
               <FlatList
                 data={_notifications}
                 refreshing={isNotificationRefreshing}
@@ -208,7 +209,14 @@ class NotificationView extends PureComponent {
                   </Fragment>
                 )}
               />
-          )}
+            ) : (
+              <Text style={styles.text}>
+                {intl.formatMessage({
+                  id: 'notification.noactivity',
+                })}
+              </Text>
+            )
+          }
         </ThemeContainer>
       </View>
     );

src/config/locales/en-US.json

@@ -124,7 +124,8 @@
     "activities": "All",
     "replies": "Replies",
     "mentions": "Mentions",
-    "reblogs": "Reblogs"
+    "reblogs": "Reblogs",
+    "noactivity": "No new activity found"
   },
   "leaderboard": {
     "daily": "DAILY",

src/screens/notification/screen/notificationScreen.js

@@ -1,4 +1,4 @@
-import React, { PureComponent, Fragment } from 'react';
+import React, { Fragment } from 'react';
 import { View, SafeAreaView } from 'react-native';
 import ScrollableTabView from 'react-native-scrollable-tab-view';
 import { injectIntl } from 'react-intl';