use existing FC for useTranslation

packages/app/src/components/ArchiveCreateModal.jsx

@@ -14,7 +14,8 @@ import { withUnstatedContainers } from './UnstatedUtils';
 
 
 const ArchiveCreateModal = (props) => {
-  const { t, appContainer } = props;
+  const { t } = useTranslation();
+  const { appContainer } = props;
   const [isCommentDownload, setIsCommentDownload] = useState(false);
   const [isAttachmentFileDownload, setIsAttachmentFileDownload] = useState(false);
   const [isSubordinatedPageDownload, setIsSubordinatedPageDownload] = useState(false);
@@ -243,14 +244,9 @@ ArchiveCreateModal.propTypes = {
   errorMessage: PropTypes.string,
 };
 
-const ArchiveCreateModalWrapperFC = (props) => {
-  const { t } = useTranslation();
-  return <ArchiveCreateModal t={t} {...props} />;
-};
-
 /**
  * Wrapper component for using unstated
  */
-const ArchiveCreateModalWrapper = withUnstatedContainers(ArchiveCreateModalWrapperFC, [AppContainer]);
+const ArchiveCreateModalWrapper = withUnstatedContainers(ArchiveCreateModal, [AppContainer]);
 
 export default ArchiveCreateModalWrapper;

packages/app/src/components/CreateTemplateModal.jsx

@@ -7,7 +7,8 @@ import { Modal, ModalHeader, ModalBody } from 'reactstrap';
 import urljoin from 'url-join';
 
 const CreateTemplateModal = (props) => {
-  const { t, path } = props;
+  const { t } = useTranslation();
+  const { path } = props;
 
   const parentPath = pathUtils.addTrailingSlash(path);
 
@@ -68,9 +69,4 @@ CreateTemplateModal.propTypes = {
   onClose: PropTypes.func.isRequired,
 };
 
-const CreateTemplateModalWrapperFC = (props) => {
-  const { t } = useTranslation();
-  return <CreateTemplateModal t={t} {...props} />;
-};
-
-export default CreateTemplateModalWrapperFC;
+export default CreateTemplateModal;

packages/app/src/components/PageAccessoriesModalControl.jsx

@@ -15,8 +15,9 @@ import { withUnstatedContainers } from './UnstatedUtils';
 
 
 const PageAccessoriesModalControl = (props) => {
+  const { t } = useTranslation();
   const {
-    t, pageAccessoriesContainer, isGuestUser, isSharedUser,
+    pageAccessoriesContainer, isGuestUser, isSharedUser,
   } = props;
   const isLinkSharingDisabled = pageAccessoriesContainer.appContainer.config.disableLinkSharing;
 
@@ -101,14 +102,9 @@ PageAccessoriesModalControl.propTypes = {
   isSharedUser: PropTypes.bool.isRequired,
 };
 
-const PageAccessoriesModalControlWrapperFC = (props) => {
-  const { t } = useTranslation();
-  return <PageAccessoriesModalControl t={t} {...props} />;
-};
-
 /**
  * Wrapper component for using unstated
  */
-const PageAccessoriesModalControlWrapper = withUnstatedContainers(PageAccessoriesModalControlWrapperFC, []);
+const PageAccessoriesModalControlWrapper = withUnstatedContainers(PageAccessoriesModalControl, []);
 
 export default PageAccessoriesModalControlWrapper;

packages/app/src/components/PageCreateModal.jsx

@@ -23,7 +23,8 @@ const {
 } = pagePathUtils;
 
 const PageCreateModal = (props) => {
-  const { t, appContainer } = props;
+  const { t } = useTranslation();
+  const { appContainer } = props;
 
   const { data: pageCreateModalData, close: closeCreateModal } = usePageCreateModal();
   const { isOpened, path } = pageCreateModalData;
@@ -312,14 +313,9 @@ PageCreateModal.propTypes = {
   appContainer: PropTypes.instanceOf(AppContainer).isRequired,
 };
 
-const PageCreateModalWrapperFC = (props) => {
-  const { t } = useTranslation();
-  return <PageCreateModal t={t} {...props} />;
-};
-
 /**
  * Wrapper component for using unstated
  */
-const PageCreateModalWrapper = withUnstatedContainers(PageCreateModalWrapperFC, [AppContainer]);
+const PageCreateModalWrapper = withUnstatedContainers(PageCreateModal, [AppContainer]);
 
 export default PageCreateModalWrapper;