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,38 +177,46 @@ class NotificationView extends PureComponent {
           onRightIconPress={readAllNotification}
         />
         <ThemeContainer>
-          {({ isDarkTheme }) => (
-            <FlatList
-              data={_notifications}
-              refreshing={isNotificationRefreshing}
-              onRefresh={() => getActivities()}
-              keyExtractor={item => item.title}
-              onEndReached={() => getActivities(null, selectedFilter, true)}
-              ListFooterComponent={this._renderFooterLoading}
-              ListEmptyComponent={<ListPlaceHolder />}
-              contentContainerStyle={styles.listContentContainer}
-              refreshControl={
-                <RefreshControl
-                  refreshing={isNotificationRefreshing}
-                  progressBackgroundColor="#357CE6"
-                  tintColor={!isDarkTheme ? '#357ce6' : '#96c0ff'}
-                  titleColor="#fff"
-                  colors={['#fff']}
-                />
-              }
-              renderItem={({ item, index }) => (
-                <Fragment>
-                  <ContainerHeader
-                    hasSeperator={index !== 0}
-                    isBoldTitle
-                    title={item.title}
-                    key={item.title}
+          {({ isDarkTheme }) =>
+            _notifications && _notifications.length > 0 ? (
+              <FlatList
+                data={_notifications}
+                refreshing={isNotificationRefreshing}
+                onRefresh={() => getActivities()}
+                keyExtractor={item => item.title}
+                onEndReached={() => getActivities(null, selectedFilter, true)}
+                ListFooterComponent={this._renderFooterLoading}
+                ListEmptyComponent={<ListPlaceHolder />}
+                contentContainerStyle={styles.listContentContainer}
+                refreshControl={
+                  <RefreshControl
+                    refreshing={isNotificationRefreshing}
+                    progressBackgroundColor="#357CE6"
+                    tintColor={!isDarkTheme ? '#357ce6' : '#96c0ff'}
+                    titleColor="#fff"
+                    colors={['#fff']}
                   />
-                  {this._renderList(item.notifications)}
-                </Fragment>
-              )}
-            />
-          )}
+                }
+                renderItem={({ item, index }) => (
+                  <Fragment>
+                    <ContainerHeader
+                      hasSeperator={index !== 0}
+                      isBoldTitle
+                      title={item.title}
+                      key={item.title}
+                    />
+                    {this._renderList(item.notifications)}
+                  </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';