successfully displayed the icon

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

@@ -54,7 +54,7 @@ export const InAppNotification = (props: Props): JSX.Element => {
 
   const renderInAppNotificationContent = (): JSX.Element => {
     switch (componentName) {
-      case 'Page:COMMENT':
+      case 'Page:COMMENT_UPDATE':
         return <PageCommentNotification {...propsNew} onClick={props.onClick(props.notification)} />;
       default:
         return <></>;
@@ -68,7 +68,7 @@ export const InAppNotification = (props: Props): JSX.Element => {
         {renderUserImage()}
         {renderInAppNotificationContent()}
       </div>
-      <FormattedDistanceDate id={props.notification._id} date={props.notification.createdAt} isShowTooltip={false} />
+      {/* <FormattedDistanceDate id={props.notification._id} date={props.notification.createdAt} isShowTooltip={false} /> */}
     </>
   );
 

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import { InAppNotification as IInAppNotification } from '../../interfaces/in-app-notification';
 
+import FormattedDistanceDate from '../FormattedDistanceDate';
+
 interface Props {
   actionUsers: string
   notification: IInAppNotification
@@ -10,7 +12,11 @@ export const PageCommentNotification = (props: Props) => {
 
   return (
     <>
-      <b>{props.actionUsers}</b> commented on {props.notification.target.path}
+      <div>
+        <b>{props.actionUsers}</b> commented on {props.notification.target.path}
+      </div>
+      <i className="fa fa-comment-o mr-2" />
+      <FormattedDistanceDate id={props.notification._id} date={props.notification.createdAt} isShowTooltip={false} />
     </>
   );