update

packages/app/public/static/locales/en_US/commons.json

@@ -44,7 +44,11 @@
   },
 
   "in_app_notification": {
+    "notification_list": "In-App Notification List",
     "see_all": "See All",
+    "no_notification": "You don't have any notificatios.",
+    "all": "All",
+    "unopend": "Unread",
     "mark_all_as_read": "Mark all as read"
   },
 

packages/app/public/static/locales/ja_JP/commons.json

@@ -44,7 +44,11 @@
   },
 
   "in_app_notification": {
+    "notification_list": "アプリ内通知一覧",
     "see_all": "通知一覧を見る",
+    "no_notification": "通知はありません",
+    "all": "全て",
+    "unopend": "未読",
     "mark_all_as_read": "全て既読にする"
   },
 

packages/app/public/static/locales/zh_CN/commons.json

@@ -44,7 +44,11 @@
   },
 
   "in_app_notification": {
+    "notification_list": "应用内通知列表",
     "see_all": "查看通知列表",
+    "no_notification": "您没有任何通知",
+    "all": "全部",
+    "unopend": "未读",
     "mark_all_as_read" : "标记为已读"
   },
 

packages/app/src/components/InAppNotification/InAppNotificationElm.tsx

@@ -97,7 +97,7 @@ const InAppNotificationElm: FC<Props> = (props: Props) => {
       break;
     case 'PAGE_UPDATE':
       actionMsg = 'updated on';
-      actionIcon = 'ti-agenda';
+      actionIcon = 'ti ti-agenda';
       break;
     case 'PAGE_RENAME':
       actionMsg = 'renamed';

packages/app/src/pages/me/[[...path]].page.tsx

@@ -53,7 +53,7 @@ const InAppNotificationPage = dynamic(
 
 const MePage: NextPage<Props> = (props: Props) => {
   const router = useRouter();
-  const { t } = useTranslation();
+  const { t } = useTranslation(['translation', 'commons']);
   const { path } = router.query;
   const pagePathKeys: string[] = Array.isArray(path) ? path : ['personal-settings'];