clean code

packages/app/src/components/PageAccessoriesModal.tsx

@@ -57,7 +57,7 @@ const PageAccessoriesModal = (): JSX.Element => {
           if (!isOpened) {
             return <></>;
           }
-          return <PageHistory onCloseModal={close}/>;
+          return <PageHistory onClose={close}/>;
         },
         i18n: t('History'),
         index: 0,

packages/app/src/components/PageHistory.tsx

@@ -12,7 +12,7 @@ import { RevisionComparer } from './RevisionComparer/RevisionComparer';
 
 const logger = loggerFactory('growi:PageHistory');
 
-export const PageHistory: React.FC<{ onCloseModal: () => void }> = ({ onCloseModal }) => {
+export const PageHistory: React.FC<{ onClose: () => void }> = ({ onClose }) => {
 
   const [activePage, setActivePage] = useState(1);
 
@@ -65,7 +65,7 @@ export const PageHistory: React.FC<{ onCloseModal: () => void }> = ({ onCloseMod
         targetRevision={targetRevision}
         onChangeSourceInvoked={setSourceRevision}
         onChangeTargetInvoked={setTargetRevision}
-        onCloseModal={onCloseModal}
+        onClose={onClose}
       />
       <div className="my-3">
         {pager()}

packages/app/src/components/PageHistory/PageRevisionTable.tsx

@@ -14,14 +14,14 @@ type PageRevisionTAble = {
   targetRevision: IRevisionHasId,
   onChangeSourceInvoked: React.Dispatch<React.SetStateAction<IRevisionHasId | undefined>>,
   onChangeTargetInvoked: React.Dispatch<React.SetStateAction<IRevisionHasId | undefined>>,
-  onCloseModal: () => void,
+  onClose: () => void,
 }
 
 export const PageRevisionTable = (props: PageRevisionTAble): JSX.Element => {
   const { t } = useTranslation();
 
   const {
-    revisions, pagingLimit, sourceRevision, targetRevision, onChangeSourceInvoked, onChangeTargetInvoked, onCloseModal,
+    revisions, pagingLimit, sourceRevision, targetRevision, onChangeSourceInvoked, onChangeTargetInvoked, onClose,
   } = props;
 
   const revisionCount = revisions.length;
@@ -52,7 +52,7 @@ export const PageRevisionTable = (props: PageRevisionTAble): JSX.Element => {
               isLatestRevision={revision === latestRevision}
               hasDiff={hasDiff}
               key={`revision-history-rev-${revisionId}`}
-              onCloseModal={onCloseModal}
+              onClose={onClose}
             />
             {hasDiff && (
               <div className="ml-md-3 mt-auto">

packages/app/src/components/PageHistory/Revision.tsx

@@ -15,14 +15,14 @@ type RevisionProps = {
   revision: IRevisionHasId,
   isLatestRevision: boolean,
   hasDiff: boolean,
-  onCloseModal: () => void,
+  onClose: () => void,
 }
 
 export const Revision = (props: RevisionProps): JSX.Element => {
   const { t } = useTranslation();
 
   const {
-    revision, isLatestRevision, hasDiff, onCloseModal,
+    revision, isLatestRevision, hasDiff, onClose,
   } = props;
 
   const renderSimplifiedNodiff = (revision: IRevisionHasId) => {
@@ -66,7 +66,7 @@ export const Revision = (props: RevisionProps): JSX.Element => {
             <UserDate dateTime={revision.createdAt} />
             <br className="d-xl-none d-block" />
             <Link href={`?revisionId=${revision._id}`} prefetch={false}>
-              <a className="ml-xl-3" onClick={onCloseModal}>
+              <a className="ml-xl-3" onClick={onClose}>
                 <i className="icon-login"></i> {t('Go to this version')}
               </a>
             </Link>