Improved translation

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

@@ -37,8 +37,9 @@
     "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.",
+    "warning_message_to_start": "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.",
+    "warning_message_to_end": "Please make sure that \"data importing\" or \"upgrading to v5\" is already done or not. If not, it is highly recommended to keep maintenance mode on.",
+    "supplymentary_message_to_start": "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\"."

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

@@ -37,8 +37,9 @@
     "failed_to_end_maintenance_mode": "メンテナンスモードを終了できませんでした",
     "successfully_started_maintenance_mode": "メンテナンスモードを開始しました",
     "successfully_ended_maintenance_mode": "メンテナンスモードを終了しました",
-    "warning_message": "メンテナンスモード中は管理画面にしかアクセスできなくなり、一般ユーザーは全ての操作が不能になります。",
-    "supplymentary_message": "API についても管理者用 API しか機能しなくなります。",
+    "warning_message_to_start": "メンテナンスモード中は管理画面にしかアクセスできなくなり、一般ユーザーは全ての操作が不能になります。",
+    "warning_message_to_end": "「データのインポート」および「V5 へのアップグレード」が進行中の場合は、処理が終了するまでメンテナンスモードを終了しないようにすることを推奨します。",
+    "supplymentary_message_to_start": "API についても管理者用 API しか機能しなくなります。",
     "start_maintenance_mode": "メンテナンスモードを開始する",
     "end_maintenance_mode": "メンテナンスモードを終了する",
     "description": "メンテナンスモードでは、ユーザーのあらゆる操作を制限します。「データのインポート」および「V5 へのアップグレード」の際には必ずメンテナンスモードを開始してから行ってください。終了するには「セキュリティ設定」>「メンテナンスモード」から操作してください。"

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

@@ -37,8 +37,9 @@
     "failed_to_end_maintenance_mode": "结束维护模式失败",
     "successfully_started_maintenance_mode": "成功地启动了维护模式",
     "successfully_ended_maintenance_mode": "成功地结束了维护模式",
-    "warning_message": "你将无法访问管理员设置以外的页面。普通用户将无法访问任何内容，直到维护模式手动结束。",
-    "supplymentary_message": "至于API，只有管理员的API将是有效的。",
+    "warning_message_to_start": "你将无法访问管理员设置以外的页面。普通用户将无法访问任何内容，直到维护模式手动结束。",
+    "warning_message_to_end": "如果 \"数据导入 \"和 \"升级到V5 \"正在进行中，建议在该过程完成之前不要退出维护模式。",
+    "supplymentary_message_to_start": "至于API，只有管理员的API将是有效的。",
     "start_maintenance_mode": "启动维护模式",
     "end_maintenance_mode": "结束维护模式",
     "description": "维护模式限制了所有的用户操作。 在执行 \"数据导入 \"和 \"升级到V5 \"之前，务必启动维护模式。 要退出，进入 \"安全设置\">\"维护模式\"。"

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

@@ -88,7 +88,7 @@ class AppSettingsPageContents extends React.Component {
 
         <div className="row">
           <div className="col-lg-12">
-            <h2 className="admin-setting-header" id="maintenance-mode">{t('Maintenance Mode')}</h2>
+            <h2 className="admin-setting-header" id="maintenance-mode">{t('admin:maintenance_mode.maintenance_mode')}</h2>
             <MaintenanceMode />
           </div>
         </div>

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

@@ -8,7 +8,7 @@ import { TFunctionResult } from 'i18next';
 type ConfirmModalProps = {
   isModalOpen: boolean
   warningMessage: TFunctionResult
-  supplymentaryMessage: TFunctionResult
+  supplymentaryMessage: TFunctionResult | null
   confirmButtonTitle: TFunctionResult
   onConfirm?: () => Promise<void>
   onCancel?: () => void
@@ -31,18 +31,25 @@ export const ConfirmModal: FC<ConfirmModalProps> = (props: ConfirmModalProps) =>
 
   return (
     <Modal isOpen={props.isModalOpen} toggle={onCancel} className="">
-      <ModalHeader tag="h4" toggle={onCancel} className="bg-warning">
+      <ModalHeader tag="h4" toggle={onCancel} className="bg-danger">
         <i className="icon-fw icon-question" />
         {t('Warning')}
       </ModalHeader>
       <ModalBody>
         {props.warningMessage}
-        <br />
-        <br />
-        <span className="text-danger">
-          <i className="icon-exclamation icon-fw"></i>
-          {props.supplymentaryMessage}
-        </span>
+        {
+          props.supplymentaryMessage != null && (
+            <>
+              <br />
+              <br />
+              <span className="text-warning">
+                <i className="icon-exclamation icon-fw"></i>
+                {props.supplymentaryMessage}
+              </span>
+            </>
+          )
+        }
+
       </ModalBody>
       <ModalFooter>
         <button

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

@@ -50,8 +50,9 @@ const MaintenanceMode: FC<Props> = (props: Props) => {
     <div className="mb-5">
       <ConfirmModal
         isModalOpen={isModalOpen}
-        warningMessage={t('admin:maintenance_mode.warning_message')}
-        supplymentaryMessage={t('admin:maintenance_mode.supplymentary_message')}
+        warningMessage={isMaintenanceMode ? t('admin:maintenance_mode.warning_message_to_end') : t('admin:maintenance_mode.warning_message_to_start')}
+        // eslint-disable-next-line max-len
+        supplymentaryMessage={isMaintenanceMode ? null : t('admin:maintenance_mode.supplymentary_message_to_start')}
         confirmButtonTitle={isMaintenanceMode ? t('admin:maintenance_mode.end_maintenance_mode') : t('admin:maintenance_mode.start_maintenance_mode')}
         onConfirm={onConfirmHandler}
         onCancel={() => closeModal()}
@@ -62,7 +63,7 @@ const MaintenanceMode: FC<Props> = (props: Props) => {
         <br />
         <span className="text-warning">
           <i className="icon-exclamation icon-fw"></i>
-          {t('admin:maintenance_mode.supplymentary_message')}
+          {t('admin:maintenance_mode.supplymentary_message_to_start')}
         </span>
       </p>
       <div className="row my-3">