add an alert on data import page

resource/locales/ja_JP/admin/admin.json

@@ -178,6 +178,7 @@
       "upload": "アップロード",
       "discard": "アップロードしたデータを破棄する",
       "errors": {
+        "versions_not_met": "バージョンが違います",
         "at_least_one": "コレクションが選択されていません",
         "page_and_revision": "'Pages' と 'Revisions' はセットでインポートする必要があります",
         "depends": "'{{condition}}' をインポートする場合は、'{{target}}' を一緒に選択する必要があります"

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

@@ -435,6 +435,15 @@ class ImportForm extends React.Component {
     );
   }
 
+  renderDefferentVersionAlert() {
+    const { t } = this.props;
+    return (
+      <div className="alert alert-warning">
+        {t('admin:importer_management.growi_settings.errors.versions_not_met')}
+      </div>
+    );
+  }
+
   render() {
     const { t } = this.props;
     const {
@@ -457,6 +466,7 @@ class ImportForm extends React.Component {
           </div>
         </form>
 
+        {this.renderDefferentVersionAlert()}
         <div className="card well small my-4">
           <ul>
             <li>{t('admin:importer_management.growi_settings.description_of_import_mode.about')}</li>