rename InAppNotification component to InAppNotificationElm

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

@@ -8,7 +8,7 @@ interface Props {
   notification: IInAppNotification
 }
 
-export const InAppNotification = (props: Props): JSX.Element => {
+export const InAppNotificationElm = (props: Props): JSX.Element => {
 
   const { notification } = props;
 

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

@@ -2,7 +2,7 @@ import React, { FC } from 'react';
 
 import { PaginateResult } from 'mongoose';
 import { IInAppNotification } from '../../interfaces/in-app-notification';
-import { InAppNotification } from './InAppNotification';
+import { InAppNotificationElm } from './InAppNotificationElm';
 
 type Props = {
   inAppNotificationData: PaginateResult<IInAppNotification> | undefined;
@@ -37,7 +37,7 @@ const InAppNotificationList: FC<Props> = (props: Props) => {
     const notificationList = notifications.map((notification: IInAppNotification) => {
       return (
         <div className="d-flex flex-row" key={notification._id}>
-          <InAppNotification notification={notification} />
+          <InAppNotificationElm notification={notification} />
         </div>
       );
     });