Added translation

packages/app/resource/locales/en_US/admin/admin.json

@@ -30,6 +30,19 @@
     "successfully_started": "Succeeded to start migration",
     "already_upgraded": "You have already completed upgrading"
   },
+  "maintenance_mode": {
+    "maintenance_mode": "Maintenance Mode",
+    "under_maintenance_mode": "Under Maintenance Mode",
+    "failed_to_start_maintenance_mode": "Failed to start maintenance mode",
+    "failed_to_end_maintenance_mode": "Failed to end maintenance mode",
+    "successfully_started_maintenance_mode": "Succussfully started maintenance mode",
+    "successfully_ended_maintenance_mode": "Succussfully ended maintenance mode",
+    "warning_message": "You will NOT able to access other than admin settings page. General users will NOT able to access to any contents until maintenance mode ends manually.",
+    "supplymentary_message": "As for the API, only the administrator API will be functional.",
+    "start_maintenance_mode": "Start maintenance mode",
+    "end_maintenance_mode": "End maintenance mode",
+    "description": "Maintenance mode restricts all user operations. Always start the maintenance mode before \"importing data\" and \"upgrading to V5\". To exit, go to \"Security Settings\" > \"Maintenance Mode\"."
+  },
   "app_setting": {
     "site_name": "Site name",
     "sitename_change": "You can change site name which is used for header and HTML title.",

packages/app/resource/locales/ja_JP/admin/admin.json

@@ -30,6 +30,19 @@
     "successfully_started": "正常にマイグレーションが開始されました",
     "already_upgraded": "アップグレードは既に完了しています"
   },
+  "maintenance_mode": {
+    "maintenance_mode": "メンテナンスモード",
+    "under_maintenance_mode": "メンテナンスモード中",
+    "failed_to_start_maintenance_mode": "メンテナンスモードを開始できませんでした",
+    "failed_to_end_maintenance_mode": "メンテナンスモードを終了できませんでした",
+    "successfully_started_maintenance_mode": "メンテナンスモードを開始しました",
+    "successfully_ended_maintenance_mode": "メンテナンスモードを終了しました",
+    "warning_message": "メンテナンスモード中は管理画面にしかアクセスできなくなり、一般ユーザーは全ての操作が不能になります。",
+    "supplymentary_message": "API についても管理者用 API しか機能しなくなります。",
+    "start_maintenance_mode": "メンテナンスモードを開始する",
+    "end_maintenance_mode": "メンテナンスモードを終了する",
+    "description": "メンテナンスモードでは、ユーザーのあらゆる操作を制限します。「データのインポート」および「V5 へのアップグレード」の際には必ずメンテナンスモードを開始してから行ってください。終了するには「セキュリティ設定」>「メンテナンスモード」から操作してください。"
+  },
   "app_setting": {
     "site_name": "サイト名",
     "sitename_change": "ヘッダーや HTML タイトルに使用されるサイト名を変更できます。",

packages/app/resource/locales/zh_CN/admin/admin.json

@@ -30,6 +30,19 @@
     "successfully_started": "Succeeded to start migration",
     "already_upgraded": "You have already completed upgrading"
   },
+  "maintenance_mode": {
+    "maintenance_mode": "维护模式",
+    "under_maintenance_mode": "在维护模式下",
+    "failed_to_start_maintenance_mode": "启动维护模式失败",
+    "failed_to_end_maintenance_mode": "结束维护模式失败",
+    "successfully_started_maintenance_mode": "成功地启动了维护模式",
+    "successfully_ended_maintenance_mode": "成功地结束了维护模式",
+    "warning_message": "你将无法访问管理员设置以外的页面。普通用户将无法访问任何内容，直到维护模式手动结束。",
+    "supplymentary_message": "至于API，只有管理员的API将是有效的。",
+    "start_maintenance_mode": "启动维护模式",
+    "end_maintenance_mode": "结束维护模式",
+    "description": "维护模式限制了所有的用户操作。 在执行 \"数据导入 \"和 \"升级到V5 \"之前，务必启动维护模式。 要退出，进入 \"安全设置\">\"维护模式\"。"
+  },
   "app_setting": {
     "site_name": "网站名称 ",
     "sitename_change": "您可以更改用于标题和HTML标题的网站名称。",

packages/app/src/components/Admin/App/AppSettingsPageContents.jsx

@@ -26,15 +26,15 @@ class AppSettingsPageContents extends React.Component {
           adminAppContainer.state.isMaintenanceMode && (
             <div className="alert alert-danger alert-link" role="alert">
               <h3 className="alert-heading">
-                {t('maintenance_mode.maintenance_mode')}
+                {t('admin:maintenance_mode.maintenance_mode')}
               </h3>
               <p>
-                {t('maintenance_mode.description')}
+                {t('admin:maintenance_mode.description')}
               </p>
               <hr />
               <a className="btn-link" href="#maintenance-mode" rel="noopener noreferrer">
                 <i className="fa fa-fw fa-arrow-down ml-1" aria-hidden="true"></i>
-                <strong>{t('maintenance_mode.end_maintenance_mode')}</strong>
+                <strong>{t('admin:maintenance_mode.end_maintenance_mode')}</strong>
               </a>
             </div>
           )

packages/app/src/components/Admin/App/MaintenanceMode.tsx

@@ -39,10 +39,11 @@ const MaintenanceMode: FC<Props> = (props: Props) => {
       }
     }
     catch (err) {
-      toastError(isMaintenanceMode ? t('maintenance_mode.failed_to_end_maintenance_mode') : t('maintenance_mode.failed_to_start_maintenance_mode'));
+      toastError(isMaintenanceMode ? t('admin:maintenance_mode.failed_to_end_maintenance_mode') : t('admin:maintenance_mode.failed_to_start_maintenance_mode'));
     }
 
-    toastSuccess(isMaintenanceMode ? t('maintenance_mode.successfully_ended_maintenance_mode') : t('maintenance_mode.successfully_started_maintenance_mode'));
+    // eslint-disable-next-line max-len
+    toastSuccess(isMaintenanceMode ? t('admin:maintenance_mode.successfully_ended_maintenance_mode') : t('admin:maintenance_mode.successfully_started_maintenance_mode'));
   }, [isMaintenanceMode, adminAppContainer, closeModal]);
 
   return (
@@ -51,7 +52,7 @@ const MaintenanceMode: FC<Props> = (props: Props) => {
         isModalOpen={isModalOpen}
         warningMessage={t('admin:maintenance_mode.warning_message')}
         supplymentaryMessage={t('admin:maintenance_mode.supplymentary_message')}
-        confirmButtonTitle={isMaintenanceMode ? t('maintenance_mode.end_maintenance_mode') : t('maintenance_mode.start_maintenance_mode')}
+        confirmButtonTitle={isMaintenanceMode ? t('admin:maintenance_mode.end_maintenance_mode') : t('admin:maintenance_mode.start_maintenance_mode')}
         onConfirm={onConfirmHandler}
         onCancel={() => closeModal()}
       />
@@ -67,7 +68,7 @@ const MaintenanceMode: FC<Props> = (props: Props) => {
       <div className="row my-3">
         <div className="mx-auto">
           <button type="button" className="btn btn-success" onClick={() => openModal()}>
-            {isMaintenanceMode ? t('maintenance_mode.end_maintenance_mode') : t('maintenance_mode.start_maintenance_mode')}
+            {isMaintenanceMode ? t('admin:maintenance_mode.end_maintenance_mode') : t('admin:maintenance_mode.start_maintenance_mode')}
           </button>
         </div>
       </div>