create Comments.tsx

packages/app/src/components/Comments.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+import { PageComment } from '~/components/PageComment';
+
+import { CommentEditorLazyRenderer } from './PageComment/CommentEditorLazyRenderer';
+
+export const Comments = (): JSX.Element => {
+
+
+  return (
+    <div className="page-comments-row mt-5 py-4 d-edit-none d-print-none">
+      <div className="container-lg">
+
+        <div className="page-comments">
+          <div id="page-comments-list" className="page-comments-list">
+            <PageComment />
+          </div>
+
+          {/* {% if page and not page.isDeleted() %} */}
+          <div id="page-comment-write">
+            <CommentEditorLazyRenderer />
+          </div>
+          {/* {% endif %} */}
+
+        </div>
+
+      </div>
+    </div>
+  );
+
+};

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

@@ -330,7 +330,9 @@ const GrowiPage: NextPage<Props> = (props: Props) => {
           </div>
         </div>
         <footer className="footer d-edit-none">
-          <PageComment pageId={pageId} isReadOnly={false} titleAlign="left" />
+          { !props.isIdenticalPathPage && (
+            <PageComment pageId={pageId} isReadOnly={false} titleAlign="left" />
+          )}
           <PageContentFooter />
         </footer>