Merge pull request #1556 from weseek/imprv/refactor-import-i18n

refactor-import-i18n

resource/locales/en-US/admin/importer_management.json

@@ -0,0 +1,58 @@
+{
+  "beta_warning": "This function is Beta.",
+  "import_from": "Import from {{from}}",
+  "import_growi_archive": "Import GROWI Archive",
+  "growi_settings": {
+    "overwrite_documents": "Imported documents will overwrite existing documents",
+    "growi_archive_file": "GROWI Archive File",
+    "uploaded_data": "Uploaded Data",
+    "extracted_file": "Extracted File",
+    "collection": "Collection",
+    "upload": "Upload",
+    "discard": "Discard Uploaded Data",
+    "errors": {
+      "at_least_one": "Select one or more collections.",
+      "page_and_revision": "'Pages' and 'Revisions' must be imported both.",
+      "depends": "'{{target}}' must be selected when '{{condition}}' is selected."
+    },
+    "configuration": {
+      "pages": {
+        "overwrite_author": {
+          "label": "Overwrite page's author with the current user",
+          "desc": "Recommended <span class=\"text-danger\">NOT</span> to check this when users will also be restored."
+        },
+        "set_public_to_page": {
+          "label": "Set 'Public' to the pages that is '{{from}}'",
+          "desc": "Make sure that this configuration makes all <b>'{{from}}'</b> pages readable from <span class=\"text-danger\">ANY users</span>."
+        },
+        "initialize_meta_datas": {
+          "label": "Initialize page's like, read users and comment count",
+          "desc": "Recommended <span class=\"text-danger\">NOT</span> to check this when users will also be restored."
+        },
+        "initialize_hackmd_related_datas": {
+          "label": "Initialize HackMD related data",
+          "desc": "Recommended to check this unless there is important drafts on HackMD."
+        }
+      },
+      "revisions": {
+        "overwrite_author": {
+          "label": "Overwrite revision's author with the current user",
+          "desc": "Recommended <span class=\"text-danger\">NOT</span> to check this when users will also be restored."
+        }
+      }
+    }
+  },
+  "esa_settings": {
+    "team_name": "Team name",
+    "access_token": "Access token",
+    "test_connection": "Test connection to esa"
+  },
+  "qiita_settings": {
+    "team_name": "Team name",
+    "access_token": "Access token",
+    "test_connection": "Test connection to qiita:team"
+  },
+  "import": "Import",
+  "page_skip": "Pages with a name that already exists on GROWI are not imported",
+  "Directory_hierarchy_tag": "Directory Hierarchy Tag"
+}

resource/locales/en-US/translation.json

@@ -538,64 +538,6 @@
       "ifttt_link": "Create a new IFTTT applet with Email trigger"
     }
   },
-  "importer_management": {
-    "beta_warning": "This function is Beta.",
-    "import_from": "Import from {{from}}",
-    "import_growi_archive": "Import GROWI Archive",
-    "growi_settings": {
-      "overwrite_documents": "Imported documents will overwrite existing documents",
-      "growi_archive_file": "GROWI Archive File",
-      "uploaded_data": "Uploaded Data",
-      "extracted_file": "Extracted File",
-      "collection": "Collection",
-      "upload": "Upload",
-      "discard": "Discard Uploaded Data",
-      "errors": {
-        "at_least_one": "Select one or more collections.",
-        "page_and_revision": "'Pages' and 'Revisions' must be imported both.",
-        "depends": "'{{target}}' must be selected when '{{condition}}' is selected."
-      },
-      "configuration": {
-        "pages": {
-          "overwrite_author": {
-            "label": "Overwrite page's author with the current user",
-            "desc": "Recommended <span class=\"text-danger\">NOT</span> to check this when users will also be restored."
-          },
-          "set_public_to_page": {
-            "label": "Set 'Public' to the pages that is '{{from}}'",
-            "desc": "Make sure that this configuration makes all <b>'{{from}}'</b> pages readable from <span class=\"text-danger\">ANY users</span>."
-          },
-          "initialize_meta_datas": {
-            "label": "Initialize page's like, read users and comment count",
-            "desc": "Recommended <span class=\"text-danger\">NOT</span> to check this when users will also be restored."
-          },
-          "initialize_hackmd_related_datas": {
-            "label": "Initialize HackMD related data",
-            "desc": "Recommended to check this unless there is important drafts on HackMD."
-          }
-        },
-        "revisions": {
-          "overwrite_author": {
-            "label": "Overwrite revision's author with the current user",
-            "desc": "Recommended <span class=\"text-danger\">NOT</span> to check this when users will also be restored."
-          }
-        }
-      }
-    },
-    "esa_settings": {
-      "team_name": "Team name",
-      "access_token": "Access token",
-      "test_connection": "Test connection to esa"
-    },
-    "qiita_settings": {
-      "team_name": "Team name",
-      "access_token": "Access token",
-      "test_connection": "Test connection to qiita:team"
-    },
-    "import": "Import",
-    "page_skip": "Pages with a name that already exists on GROWI are not imported",
-    "Directory_hierarchy_tag": "Directory Hierarchy Tag"
-  },
   "full_text_search_management": {
     "elasticsearch_management": "Elasticsearch Management",
     "build_button": "Rebuild Index",

resource/locales/ja/admin/importer_management.json

@@ -0,0 +1,58 @@
+{
+  "beta_warning": "この機能はベータ版です",
+  "import_from": "{{from}} からインポート",
+  "import_growi_archive": "GROWI アーカイブをインポート",
+  "growi_settings": {
+    "overwrite_documents": "インポートされたドキュメントは既存のドキュメントを上書きします",
+    "growi_archive_file": "GROWI アーカイブファイル",
+    "uploaded_data": "アップロードされたデータ",
+    "extracted_file": "展開されたファイル",
+    "collection": "コレクション",
+    "upload": "アップロード",
+    "discard": "アップロードしたデータを破棄する",
+    "errors": {
+      "at_least_one": "コレクションが選択されていません",
+      "page_and_revision": "'Pages' と 'Revisions' はセットでインポートする必要があります",
+      "depends": "'{{condition}}' をインポートする場合は、'{{target}}' を一緒に選択する必要があります"
+    },
+    "configuration": {
+      "pages": {
+        "overwrite_author": {
+          "label": "ページ作成者を現在のユーザーで上書きする",
+          "desc": "users を同時に復元しない場合、このオプションは<span class=\"text-danger\">非推奨</span>です。"
+        },
+        "set_public_to_page": {
+          "label": "'{{from}}' 設定のページを '公開' 設定にする",
+          "desc": "全ての <b>'{{from}}'</b> 設定のページが<span class=\"text-danger\">全ユーザーから</span>読み取り可能になることに注意してください。"
+        },
+        "initialize_meta_datas": {
+          "label": "「いいね」「閲覧したユーザー」「コメント数」を初期化する",
+          "desc": "users を同時に復元しない場合、このオプションは<span class=\"text-danger\">非推奨</span>です。"
+        },
+        "initialize_hackmd_related_datas": {
+          "label": "HackMD 関連データを初期化する",
+          "desc": "HackMD に重要な下書きデータがない限りはこのオプションをチェックすることを推奨します。"
+        }
+      },
+      "revisions": {
+        "overwrite_author": {
+          "label": "リビジョン作成者を現在のユーザーで上書きする",
+          "desc": "users を同時に復元しない場合、このオプションは<span class=\"text-danger\">非推奨</span>です。"
+        }
+      }
+    }
+  },
+  "esa_settings": {
+    "team_name": "チーム名",
+    "access_token": "アクセストークン",
+    "test_connection": "接続テスト"
+  },
+  "qiita_settings": {
+    "team_name": "チーム名",
+    "access_token": "アクセストークン",
+    "test_connection": "接続テスト"
+  },
+  "import": "インポート",
+  "page_skip": "既に GROWI 側に同名のページが存在する場合、そのページはスキップされます",
+  "Directory_hierarchy_tag": "ディレクトリ階層タグ"
+}

resource/locales/ja/translation.json

@@ -521,64 +521,6 @@
       "ifttt_link": "IFTTT でメールトリガの新しいアプレットを作る"
     }
   },
-  "importer_management": {
-    "beta_warning": "この機能はベータ版です",
-    "import_from": "{{from}} からインポート",
-    "import_growi_archive": "GROWI アーカイブをインポート",
-    "growi_settings": {
-      "overwrite_documents": "インポートされたドキュメントは既存のドキュメントを上書きします",
-      "growi_archive_file": "GROWI アーカイブファイル",
-      "uploaded_data": "アップロードされたデータ",
-      "extracted_file": "展開されたファイル",
-      "collection": "コレクション",
-      "upload": "アップロード",
-      "discard": "アップロードしたデータを破棄する",
-      "errors": {
-        "at_least_one": "コレクションが選択されていません",
-        "page_and_revision": "'Pages' と 'Revisions' はセットでインポートする必要があります",
-        "depends": "'{{condition}}' をインポートする場合は、'{{target}}' を一緒に選択する必要があります"
-      },
-      "configuration": {
-        "pages": {
-          "overwrite_author": {
-            "label": "ページ作成者を現在のユーザーで上書きする",
-            "desc": "users を同時に復元しない場合、このオプションは<span class=\"text-danger\">非推奨</span>です。"
-          },
-          "set_public_to_page": {
-            "label": "'{{from}}' 設定のページを '公開' 設定にする",
-            "desc": "全ての <b>'{{from}}'</b> 設定のページが<span class=\"text-danger\">全ユーザーから</span>読み取り可能になることに注意してください。"
-          },
-          "initialize_meta_datas": {
-            "label": "「いいね」「閲覧したユーザー」「コメント数」を初期化する",
-            "desc": "users を同時に復元しない場合、このオプションは<span class=\"text-danger\">非推奨</span>です。"
-          },
-          "initialize_hackmd_related_datas": {
-            "label": "HackMD 関連データを初期化する",
-            "desc": "HackMD に重要な下書きデータがない限りはこのオプションをチェックすることを推奨します。"
-          }
-        },
-        "revisions": {
-          "overwrite_author": {
-            "label": "リビジョン作成者を現在のユーザーで上書きする",
-            "desc": "users を同時に復元しない場合、このオプションは<span class=\"text-danger\">非推奨</span>です。"
-          }
-        }
-      }
-    },
-    "esa_settings": {
-      "team_name": "チーム名",
-      "access_token": "アクセストークン",
-      "test_connection": "接続テスト"
-    },
-    "qiita_settings": {
-      "team_name": "チーム名",
-      "access_token": "アクセストークン",
-      "test_connection": "接続テスト"
-    },
-    "import": "インポート",
-    "page_skip": "既に GROWI 側に同名のページが存在する場合、そのページはスキップされます",
-    "Directory_hierarchy_tag": "ディレクトリ階層タグ"
-  },
   "full_text_search_management": {
     "elasticsearch_management": "Elasticsearch 管理",
     "build_button": "インデックスのリビルド",

src/client/js/components/Admin/ImportData/GrowiArchive/ImportCollectionConfigurationModal.jsx

@@ -57,7 +57,7 @@ class ImportCollectionConfigurationModal extends React.Component {
     const { t } = this.props;
     const { option } = this.state;
 
-    const translationBase = 'importer_management.growi_settings.configuration.pages';
+    const translationBase = 'importer_management:growi_settings.configuration.pages';
 
     /* eslint-disable react/no-unescaped-entities */
     return (
@@ -149,7 +149,7 @@ class ImportCollectionConfigurationModal extends React.Component {
     const { t } = this.props;
     const { option } = this.state;
 
-    const translationBase = 'importer_management.growi_settings.configuration.revisions';
+    const translationBase = 'importer_management:growi_settings.configuration.revisions';
 
     /* eslint-disable react/no-unescaped-entities */
     return (

src/client/js/components/Admin/ImportData/GrowiArchive/ImportForm.jsx

@@ -222,7 +222,7 @@ class ImportForm extends React.Component {
     const { warnForOtherGroups, selectedCollections } = this.state;
 
     if (selectedCollections.size === 0) {
-      warnForOtherGroups.push(t('importer_management.growi_settings.errors.at_least_one'));
+      warnForOtherGroups.push(t('importer_management:growi_settings.errors.at_least_one'));
     }
 
     this.setState({ warnForOtherGroups });
@@ -238,7 +238,7 @@ class ImportForm extends React.Component {
 
     // MUST be included both or neither when importing
     if (pageRelatedCollectionsLength !== 0 && pageRelatedCollectionsLength !== 2) {
-      warnForPageGroups.push(t('importer_management.growi_settings.errors.page_and_revision'));
+      warnForPageGroups.push(t('importer_management:growi_settings.errors.page_and_revision'));
     }
 
     this.setState({ warnForPageGroups });
@@ -251,7 +251,7 @@ class ImportForm extends React.Component {
     // MUST include also 'users' if 'externalaccounts' is selected
     if (selectedCollections.has('externalaccounts')) {
       if (!selectedCollections.has('users')) {
-        warnForUserGroups.push(t('importer_management.growi_settings.errors.depends', { target: 'Users', condition: 'Externalaccounts' }));
+        warnForUserGroups.push(t('importer_management:growi_settings.errors.depends', { target: 'Users', condition: 'Externalaccounts' }));
       }
     }
 
@@ -265,7 +265,7 @@ class ImportForm extends React.Component {
     // MUST include also 'users' if 'usergroups' is selected
     if (selectedCollections.has('usergroups')) {
       if (!selectedCollections.has('users')) {
-        warnForUserGroups.push(t('importer_management.growi_settings.errors.depends', { target: 'Users', condition: 'Usergroups' }));
+        warnForUserGroups.push(t('importer_management:growi_settings.errors.depends', { target: 'Users', condition: 'Usergroups' }));
       }
     }
 
@@ -279,7 +279,7 @@ class ImportForm extends React.Component {
     // MUST include also 'usergroups' if 'usergrouprelations' is selected
     if (selectedCollections.has('usergrouprelations')) {
       if (!selectedCollections.has('usergroups')) {
-        warnForUserGroups.push(t('importer_management.growi_settings.errors.depends', { target: 'Usergroups', condition: 'Usergrouprelations' }));
+        warnForUserGroups.push(t('importer_management:growi_settings.errors.depends', { target: 'Usergroups', condition: 'Usergrouprelations' }));
       }
     }
 
@@ -324,10 +324,10 @@ class ImportForm extends React.Component {
     return (
       <div key={key} className="alert alert-warning">
         <ul>
-          { errors.map((error, index) => {
+          {errors.map((error, index) => {
             // eslint-disable-next-line react/no-array-index-key
             return <li key={`${key}-${index}`}>{error}</li>;
-          }) }
+          })}
         </ul>
       </div>
     );
@@ -345,15 +345,15 @@ class ImportForm extends React.Component {
     return (
       <div className="mt-4">
         <legend>{groupName} Collections</legend>
-        { wellContent != null && (
+        {wellContent != null && (
           <div className="well well-sm small">
             <ul>
               <li>{wellContent}</li>
             </ul>
           </div>
-        ) }
-        { this.renderImportItems(collectionNames) }
-        { this.renderWarnForGroups(errors, `warnFor${groupName}`) }
+        )}
+        {this.renderImportItems(collectionNames)}
+        {this.renderWarnForGroups(errors, `warnFor${groupName}`)}
       </div>
     );
   }
@@ -454,32 +454,32 @@ class ImportForm extends React.Component {
         <form className="form-inline">
           <div className="form-group">
             <button type="button" className="btn btn-sm btn-default mr-2" onClick={this.checkAll}>
-              <i className="fa fa-check-square-o"></i> {t('export_management.check_all')}
+              <i className="fa fa-check-square-o"></i> {t('export_management:check_all')}
             </button>
           </div>
           <div className="form-group">
             <button type="button" className="btn btn-sm btn-default mr-2" onClick={this.uncheckAll}>
-              <i className="fa fa-square-o"></i> {t('export_management.uncheck_all')}
+              <i className="fa fa-square-o"></i> {t('export_management:uncheck_all')}
             </button>
           </div>
         </form>
 
-        { this.renderGroups(GROUPS_PAGE, 'Page', warnForPageGroups, { wellContent: t('importer_management.growi_settings.overwrite_documents') }) }
-        { this.renderGroups(GROUPS_USER, 'User', warnForUserGroups) }
-        { this.renderGroups(GROUPS_CONFIG, 'Config', warnForConfigGroups) }
-        { this.renderOthers() }
+        {this.renderGroups(GROUPS_PAGE, 'Page', warnForPageGroups, { wellContent: t('importer_management:growi_settings.overwrite_documents') })}
+        {this.renderGroups(GROUPS_USER, 'User', warnForUserGroups)}
+        {this.renderGroups(GROUPS_CONFIG, 'Config', warnForConfigGroups)}
+        {this.renderOthers()}
 
         <div className="mt-4 text-center">
           <button type="button" className="btn btn-default mx-1" onClick={this.props.onDiscard}>
-            { t('importer_management.growi_settings.discard') }
+            {t('importer_management:growi_settings.discard')}
           </button>
           <button type="button" className="btn btn-primary mx-1" onClick={this.import} disabled={!canImport || isImporting}>
-            { t('importer_management.import') }
+            {t('importer_management:import')}
           </button>
         </div>
 
-        { this.renderConfigurationModal() }
-        { this.renderErrorsViewer() }
+        {this.renderConfigurationModal()}
+        {this.renderErrorsViewer()}
       </>
     );
   }

src/client/js/components/Admin/ImportData/GrowiArchive/UploadForm.jsx

@@ -51,7 +51,7 @@ class UploadForm extends React.Component {
       <form className="form-horizontal" onSubmit={this.uploadZipFile}>
         <fieldset>
           <div className="form-group">
-            <label htmlFor="file" className="col-xs-3 control-label">{t('importer_management.growi_settings.growi_archive_file')}</label>
+            <label htmlFor="file" className="col-xs-3 control-label">{t('importer_management:growi_settings.growi_archive_file')}</label>
             <div className="col-xs-6">
               <input
                 type="file"
@@ -66,7 +66,7 @@ class UploadForm extends React.Component {
           <div className="form-group">
             <div className="col-xs-offset-3 col-xs-6">
               <button type="submit" className="btn btn-primary" disabled={!this.validateForm()}>
-                {t('importer_management.growi_settings.upload')}
+                {t('importer_management:growi_settings.upload')}
               </button>
             </div>
           </div>

src/client/js/components/Admin/ImportData/GrowiArchiveSection.jsx

@@ -83,9 +83,9 @@ class GrowiArchiveSection extends React.Component {
 
     return (
       <Fragment>
-        <h2>{t('importer_management.import_growi_archive')}</h2>
+        <h2>{t('importer_management:import_growi_archive')}</h2>
 
-        { this.state.fileName != null ? (
+        {this.state.fileName != null ? (
           <div className="px-4">
             <ImportForm
               fileName={this.state.fileName}
@@ -93,11 +93,12 @@ class GrowiArchiveSection extends React.Component {
               onDiscard={this.discardData}
             />
           </div>
-        ) : (
-          <UploadForm
-            onUpload={this.handleUpload}
-          />
-        )}
+        )
+          : (
+            <UploadForm
+              onUpload={this.handleUpload}
+            />
+          )}
       </Fragment>
     );
   }

src/client/js/components/Admin/ImportDataPage.jsx

@@ -143,7 +143,7 @@ class ImportDataPage extends React.Component {
           role="form"
         >
           <fieldset>
-            <legend>{ t('importer_management.import_from', { from: 'esa.io' }) }</legend>
+            <legend>{t('importer_management:import_from', { from: 'esa.io' })}</legend>
             <table className="table table-bordered table-mapping">
               <thead>
                 <tr>
@@ -154,17 +154,17 @@ class ImportDataPage extends React.Component {
               </thead>
               <tbody>
                 <tr>
-                  <th>{ t('Article') }</th>
+                  <th>{t('Article')}</th>
                   <th><i className="icon-arrow-right-circle text-success"></i></th>
-                  <th>{ t('Page') }</th>
+                  <th>{t('Page')}</th>
                 </tr>
                 <tr>
-                  <th>{ t('Category') }</th>
+                  <th>{t('Category')}</th>
                   <th><i className="icon-arrow-right-circle text-success"></i></th>
-                  <th>{ t('Page Path') }</th>
+                  <th>{t('Page Path')}</th>
                 </tr>
                 <tr>
-                  <th>{ t('User') }</th>
+                  <th>{t('User')}</th>
                   <th></th>
                   <th>(TBD)</th>
                 </tr>
@@ -173,7 +173,7 @@ class ImportDataPage extends React.Component {
 
             <div className="well well-sm mb-0 small">
               <ul>
-                <li>{ t('importer_management.page_skip') }</li>
+                <li>{t('importer_management:page_skip')}</li>
               </ul>
             </div>
 
@@ -183,7 +183,7 @@ class ImportDataPage extends React.Component {
 
             <div className="form-group">
               <label htmlFor="settingForm[importer:esa:team_name]" className="col-xs-3 control-label">
-                { t('importer_management.esa_settings.team_name') }
+                {t('importer_management:esa_settings.team_name')}
               </label>
               <div className="col-xs-6">
                 <input className="form-control" type="text" name="esaTeamName" value={esaTeamName} onChange={this.handleInputValue} />
@@ -193,7 +193,7 @@ class ImportDataPage extends React.Component {
 
             <div className="form-group">
               <label htmlFor="settingForm[importer:esa:access_token]" className="col-xs-3 control-label">
-                { t('importer_management.esa_settings.access_token') }
+                {t('importer_management:esa_settings.access_token')}
               </label>
               <div className="col-xs-6">
                 <input className="form-control" type="password" name="esaAccessToken" value={esaAccessToken} onChange={this.handleInputValue} />
@@ -208,7 +208,7 @@ class ImportDataPage extends React.Component {
                   className="btn btn-primary btn-esa"
                   name="Esa"
                   onClick={this.esaHandleSubmit}
-                  value={t('importer_management.import')}
+                  value={t('importer_management:import')}
                 />
                 <input type="button" className="btn btn-secondary" onClick={this.esaHandleSubmitUpdate} value={t('Update')} />
                 <span className="col-xs-offset-1">
@@ -218,7 +218,7 @@ class ImportDataPage extends React.Component {
                     id="importFromEsa"
                     className="btn btn-default btn-esa"
                     onClick={this.esaHandleSubmitTest}
-                    value={t('importer_management.esa_settings.test_connection')}
+                    value={t('importer_management:esa_settings.test_connection')}
                   />
                 </span>
 
@@ -233,7 +233,7 @@ class ImportDataPage extends React.Component {
           role="form"
         >
           <fieldset>
-            <legend>{ t('importer_management.import_from', { from: 'Qiita:Team' }) }</legend>
+            <legend>{t('importer_management:import_from', { from: 'Qiita:Team' })}</legend>
             <table className="table table-bordered table-mapping">
               <thead>
                 <tr>
@@ -244,22 +244,22 @@ class ImportDataPage extends React.Component {
               </thead>
               <tbody>
                 <tr>
-                  <th>{ t('Article') }</th>
+                  <th>{t('Article')}</th>
                   <th><i className="icon-arrow-right-circle text-success"></i></th>
-                  <th>{ t('Page') }</th>
+                  <th>{t('Page')}</th>
                 </tr>
                 <tr>
-                  <th>{ t('Tag')}</th>
+                  <th>{t('Tag')}</th>
                   <th></th>
                   <th>-</th>
                 </tr>
                 <tr>
-                  <th>{ t('importer_management.Directory_hierarchy_tag') }</th>
+                  <th>{t('importer_management:Directory_hierarchy_tag')}</th>
                   <th></th>
                   <th>(TBD)</th>
                 </tr>
                 <tr>
-                  <th>{ t('User') }</th>
+                  <th>{t('User')}</th>
                   <th></th>
                   <th>(TBD)</th>
                 </tr>
@@ -267,7 +267,7 @@ class ImportDataPage extends React.Component {
             </table>
             <div className="well well-sm mb-0 small">
               <ul>
-                <li>{ t('importer_management.page_skip') }</li>
+                <li>{t('importer_management:page_skip')}</li>
               </ul>
             </div>
 
@@ -276,7 +276,7 @@ class ImportDataPage extends React.Component {
             </div>
             <div className="form-group">
               <label htmlFor="settingForm[importer:qiita:team_name]" className="col-xs-3 control-label">
-                { t('importer_management.qiita_settings.team_name') }
+                {t('importer_management:qiita_settings.team_name')}
               </label>
               <div className="col-xs-6">
                 <input className="form-control" type="text" name="qiitaTeamName" value={qiitaTeamName} onChange={this.handleInputValue} />
@@ -285,7 +285,7 @@ class ImportDataPage extends React.Component {
 
             <div className="form-group">
               <label htmlFor="settingForm[importer:qiita:access_token]" className="col-xs-3 control-label">
-                { t('importer_management.qiita_settings.access_token') }
+                {t('importer_management:qiita_settings.access_token')}
               </label>
               <div className="col-xs-6">
                 <input className="form-control" type="password" name="qiitaAccessToken" value={qiitaAccessToken} onChange={this.handleInputValue} />
@@ -301,7 +301,7 @@ class ImportDataPage extends React.Component {
                   className="btn btn-primary btn-qiita"
                   name="Qiita"
                   onClick={this.qiitaHandleSubmit}
-                  value={t('importer_management.import')}
+                  value={t('importer_management:import')}
                 />
                 <input type="button" className="btn btn-secondary" onClick={this.qiitaHandleSubmitUpdate} value={t('Update')} />
                 <span className="col-xs-offset-1">
@@ -311,7 +311,7 @@ class ImportDataPage extends React.Component {
                     id="importFromQiita"
                     className="btn btn-default btn-qiita"
                     onClick={this.qiitaHandleSubmitTest}
-                    value={t('importer_management.qiita_settings.test_connection')}
+                    value={t('importer_management:qiita_settings.test_connection')}
                   />
                 </span>