delete appcontainer PageComment.tsx

packages/app/src/components/PageComment.tsx

@@ -4,8 +4,8 @@ import React, {
 
 import { Button } from 'reactstrap';
 
+import { Nullable } from '~/interfaces/common';
 
-import AppContainer from '~/client/services/AppContainer';
 import { toastError } from '~/client/util/apiNotification';
 import { apiPost } from '~/client/util/apiv1-client';
 import { useCommentPreviewRenderer } from '~/stores/renderer';
@@ -20,8 +20,7 @@ import DeleteCommentModal from './PageComment/DeleteCommentModal';
 import ReplayComments from './PageComment/ReplayComments';
 
 type Props = {
-  appContainer: AppContainer,
-  pageId: string,
+  pageId?: Nullable<string>,
   isReadOnly : boolean,
   titleAlign?: 'center' | 'left' | 'right',
   highlightKeywords?:string[],
@@ -32,7 +31,7 @@ type Props = {
 const PageComment:FC<Props> = memo((props:Props):JSX.Element => {
 
   const {
-    appContainer, pageId, highlightKeywords, isReadOnly, titleAlign, hideIfEmpty,
+    pageId, highlightKeywords, isReadOnly, titleAlign, hideIfEmpty,
   } = props;
 
   const { data: comments, mutate } = useSWRxPageComment(pageId);

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

@@ -13,7 +13,7 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 
 import { PageAlerts } from '~/components/PageAlert/PageAlerts';
-// import { PageComments } from '~/components/PageComment/PageComments';
+import PageComment from '~/components/PageComment';
 // import { useTranslation } from '~/i18n';
 import { CrowiRequest } from '~/interfaces/crowi-request';
 // import { renderScriptTagByName, renderHighlightJsStyleTag } from '~/service/cdn-resources-loader';
@@ -287,8 +287,7 @@ const GrowiPage: NextPage<Props> = (props: Props) => {
 
         </div>
         <footer>
-          {/* <PageComments /> */}
-          PageComments
+          <PageComment pageId={useCurrentPageId()} isReadOnly={false} titleAlign="left" />
         </footer>
 
         <UnsavedAlertDialog />