Show in-app-notification content

apps/app/src/components/Sidebar/InAppNotification/InAppNotification.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const InAppNotification = (): JSX.Element => {
+  return (
+    <>In-App-Notification</>
+  );
+};

apps/app/src/components/Sidebar/InAppNotification/index.ts

@@ -0,0 +1 @@
+export * from './InAppNotification';

apps/app/src/components/Sidebar/SidebarContents.tsx

@@ -6,6 +6,7 @@ import { useCollapsedContentsOpened, useCurrentSidebarContents, useSidebarMode }
 
 import { Bookmarks } from './Bookmarks';
 import { CustomSidebar } from './Custom';
+import { InAppNotification } from './InAppNotification';
 import { PageTree } from './PageTree';
 import { RecentChanges } from './RecentChanges';
 import Tag from './Tag';
@@ -29,6 +30,8 @@ export const SidebarContents = memo(() => {
         return Tag;
       case SidebarContentsType.BOOKMARKS:
         return Bookmarks;
+      case SidebarContentsType.NOTIFICATION:
+        return InAppNotification;
       default:
         return PageTree;
     }