clean code

packages/app/src/components/Comments.tsx

@@ -29,7 +29,12 @@ export const Comments = (props: CommentsProps): JSX.Element => {
       <div className="container-lg">
         <div className="page-comments">
           <div id="page-comments-list" className="page-comments-list">
-            <PageComment pageId={pageId} isReadOnly={false} titleAlign="left" />
+            <PageComment
+              pageId={pageId}
+              isReadOnly={false}
+              titleAlign="left"
+              hideIfEmpty={false}
+            />
           </div>
           { !isDeleted && (
             <div id="page-comment-write">

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

@@ -327,15 +327,19 @@ const GrowiPage: NextPage<Props> = (props: Props) => {
           </div>
           { !props.isIdenticalPathPage && !props.isNotFound && (
             <footer className="footer d-edit-none">
-              { !isTopPagePath && (<Comments pageId={pageId} />) }
+              { !isTopPagePath && (
+                <Comments
+                  pageId={pageId}
+                />
+              ) }
               { (pageWithMeta != null && isUsersHomePage(pageWithMeta.data.path)) && (
                 <UsersHomePageFooter creatorId={pageWithMeta.data.creator._id}/>
               ) }
               <PageContentFooter
-                createdAt={new Date(pageWithMeta.data.createdAt)}
-                updatedAt={new Date(pageWithMeta.data.updatedAt)}
-                creator={pageWithMeta.data.creator}
-                revisionAuthor={pageWithMeta.data.lastUpdateUser}
+                createdAt={new Date(pageWithMeta?.data.createdAt)}
+                updatedAt={new Date(pageWithMeta?.data.updatedAt)}
+                creator={pageWithMeta?.data.creator}
+                revisionAuthor={pageWithMeta?.data.lastUpdateUser}
               />
             </footer>
           )}