show inAppNotificationSettings

packages/app/resource/locales/en_US/translation.json

@@ -255,6 +255,9 @@
       "This tree": "Only children of this tree"
     }
   },
+  "in_app_notification_settings": {
+    "in_app_notification_settings": "InAppNotification Settings"
+  },
   "copy_to_clipboard": {
     "Copy to clipboard": "Copy to clipboard",
     "Page path": "Page path",

packages/app/resource/locales/ja_JP/translation.json

@@ -258,6 +258,9 @@
       "This tree": "この階層下の子ページのみ"
     }
   },
+  "in_app_notification_settings": {
+    "in_app_notification_settings": "アプリ内通知設定"
+  },
   "copy_to_clipboard": {
     "Copy to clipboard": "クリップボードにコピー",
     "Page path": "ページ名",

packages/app/resource/locales/zh_CN/translation.json

@@ -237,6 +237,9 @@
 			"This tree": "当前分支以下内容"
 		}
 	},
+  "in_app_notification_settings": {
+    "in_app_notification_settings": "在应用程序通知设置"
+  },
 	"copy_to_clipboard": {
 		"Copy to clipboard": "复制到剪贴板",
 		"Page path": "页面路径",

packages/app/src/components/Me/PersonalSettings.jsx

@@ -8,6 +8,7 @@ import UserSettings from './UserSettings';
 import PasswordSettings from './PasswordSettings';
 import ExternalAccountLinkedMe from './ExternalAccountLinkedMe';
 import ApiSettings from './ApiSettings';
+import InAppNotificationSettings from './InAppNotificationSettings';
 
 const PersonalSettings = (props) => {
 
@@ -39,6 +40,12 @@ const PersonalSettings = (props) => {
         i18n: t('API Settings'),
         index: 3,
       },
+      in_app_notification_settings: {
+        Icon: () => <i className="icon-fw icon-bell"></i>,
+        Content: InAppNotificationSettings,
+        i18n: t('in_app_notification_settings.in_app_notification_settings'),
+        index: 4,
+      },
     };
   }, [t]);