create register limitation please enable mailer

packages/app/public/static/locales/en_US/commons.json

@@ -20,7 +20,8 @@
   },
   "alert": {
     "siteUrl_is_not_set": "'Site URL' is NOT set. Set it from the {{link}}",
-    "please_enable_mailer": "Please setup mailer first."
+    "please_enable_mailer": "Please setup mailer first.",
+    "register_limitation_please_enable_mailer": "Please setup mailer first."
   },
   "headers": {
     "app_settings": "App Settings"

packages/app/public/static/locales/ja_JP/commons.json

@@ -20,7 +20,8 @@
   },
   "alert": {
     "siteUrl_is_not_set": "'サイトURL' が設定されていません。{{link}} から設定してください。",
-    "please_enable_mailer": "メール認証を有効にするには、メール設定を完了させてください。"
+    "please_enable_mailer": "メール認証を有効にするには、メール設定を完了させてください。",
+    "register_limitation_please_enable_mailer": "登録の制限をするには、メール設定を完了させてください。"
   },
   "headers": {
     "app_settings": "アプリ設定"

packages/app/public/static/locales/zh_CN/commons.json

@@ -20,7 +20,8 @@
   },
   "alert": {
     "siteUrl_is_not_set": "主页URL未设置，通过 {{link}} 设置",
-    "please_enable_mailer": "请先设置邮件程序。"
+    "please_enable_mailer": "请先设置邮件程序。",
+    "register_limitation_please_enable_mailer": "请先设置邮件程序。"
   },
   "headers": {
     "app_settings": "系统设置"

packages/app/src/components/Admin/Security/LocalSecuritySettingContents.jsx

@@ -134,8 +134,13 @@ class LocalSecuritySettingContents extends React.Component {
                       {t('security_settings.registration_mode.closed')}
                     </button>
                   </div>
+                  {!isMailerSetup && (
+                    <div className="alert alert-warning p-1 my-1 small d-inline-block">
+                      <span>{t('commons:alert.register_limitation_please_enable_mailer')}</span>
+                      <a href="/admin/app#mail-settings"> <i className="fa fa-link"></i> {t('app_setting.mail_settings')}</a>
+                    </div>
+                  )}
                 </div>
-
                 <p className="form-text text-muted small">{t('security_settings.register_limitation_desc')}</p>
               </div>
             </div>