show page update notification on in-app-notification list

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

@@ -2,6 +2,7 @@ import React from 'react';
 
 import { UserPicture } from '@growi/ui';
 import { PageCommentNotification } from './PageCommentNotification';
+import { PageUpdateNotification } from './PageUpdateNotification';
 import { InAppNotification as IInAppNotification } from '../../interfaces/in-app-notification';
 import FormattedDistanceDate from '../FormattedDistanceDate';
 
@@ -56,6 +57,8 @@ export const InAppNotification = (props: Props): JSX.Element => {
     switch (componentName) {
       case 'Page:COMMENT':
         return <PageCommentNotification {...propsNew} onClick={props.onClick(props.notification)} />;
+      case 'Page:UPDATE':
+        return <PageUpdateNotification {...propsNew} onClick={props.onClick(props.notification)} />;
       default:
         return <></>;
     }

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

@@ -6,7 +6,7 @@ interface Props {
   notification: IInAppNotification
   onClick: () => void
 }
-export const PageCommentNotification = (props: Props) => {
+export const PageCommentNotification = (props: Props): JSX.Element => {
 
   return (
     <>

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { InAppNotification as IInAppNotification } from '../../interfaces/in-app-notification';
+
+interface Props {
+  actionUsers: string
+  notification: IInAppNotification
+  onClick: () => void
+}
+export const PageUpdateNotification = (props: Props): JSX.Element => {
+
+  return (
+    <>
+      <b>{props.actionUsers}</b> updated {props.notification.target.path}
+    </>
+  );
+
+};