localize filters

src/components/notification/view/notificationView.js

@@ -158,7 +158,7 @@ class NotificationView extends PureComponent {
   );
 
   render() {
-    const { readAllNotification, getActivities, isNotificationRefreshing } = this.props;
+    const { readAllNotification, getActivities, isNotificationRefreshing, intl } = this.props;
     const { filters, selectedFilter, selectedIndex } = this.state;
     const _notifications = this._getNotificationsArrays();
 
@@ -166,7 +166,9 @@ class NotificationView extends PureComponent {
       <View style={styles.container}>
         <FilterBar
           dropdownIconName="arrow-drop-down"
-          options={filters.map(item => item.value)}
+          options={filters.map(item =>
+            intl.formatMessage({ id: `notification.${item.key}` }).toUpperCase(),
+          )}
           defaultText="ALL"
           onDropdownSelect={this._handleOnDropdownSelect}
           rightIconName="playlist-add-check"

src/components/posts/view/postsView.js

@@ -351,7 +351,10 @@ const PostsView = ({
           {filterOptions && isShowFilterBar && (
             <FilterBar
               dropdownIconName="arrow-drop-down"
-              options={filterOptions}
+              //options={filterOptions}
+              options={filterOptions.map(item =>
+                intl.formatMessage({ id: `home.${item.toLowerCase()}` }).toUpperCase(),
+              )}
               selectedOptionIndex={selectedFilterIndex}
               defaultText={filterOptions[selectedOptionIndex]}
               rightIconName="view-module"

src/config/locales/en-US.json

@@ -120,7 +120,11 @@
     "yesterday": "Yesterday",
     "this_week": "This Week",
     "this_month": "This Month",
-    "older_then": "Older Than A Month"
+    "older_then": "Older Than A Month",
+    "activities": "All",
+    "replies": "Replies",
+    "mentions": "Mentions",
+    "reblogs": "Reblogs"
   },
   "leaderboard": {
     "daily": "DAILY",
@@ -209,7 +213,10 @@
   },
   "home": {
     "feed": "Feed",
-    "popular": "Popular"
+    "popular": "Popular",
+    "top": "Top",
+    "hot": "Hot",
+    "new": "New"
   },
   "side_menu": {
     "profile": "Profile",