add from

src/client/js/components/Admin/App/MailSetting.jsx

@@ -25,6 +25,10 @@ class MailSetting extends React.Component {
       activeTab: 'smtp-setting',
       // Prevent unnecessary rendering
       activeComponents: new Set(['smtp-setting']),
+      transmissionMethods: {
+        smtp: 'SMTP',
+        ses: 'SES(AWS)',
+      },
     };
 
     this.emailInput = React.createRef();
@@ -57,12 +61,32 @@ class MailSetting extends React.Component {
 
   render() {
     const { t, adminAppContainer } = this.props;
-    const { activeTab, activeComponents } = this.state;
+    const { activeTab, activeComponents, transmissionMethods } = this.state;
+
+    const transmissionMethodsSettings = [];
+
+    for (const [key, value] of Object.entries(transmissionMethods)) {
+      transmissionMethodsSettings.push(
+        <div key={key} className="custom-control custom-radio custom-control-inline">
+          <input
+            type="radio"
+            className="custom-control-input"
+            name="transmission-method"
+            id={`transmission-nethod-radio-${key}`}
+            checked={adminAppContainer.state.transmissionMethod === key}
+            onChange={(e) => {
+              adminAppContainer.changeTransmissionMethod(key);
+            }}
+          />
+          <label className="custom-control-label" htmlFor={`transmission-nethod-radio-${key}`}>{value}</label>
+        </div>,
+      );
+    }
 
     return (
       <React.Fragment>
         <div className="row form-group mb-5">
-          <label className="col-md-3 col-form-label text-left">{t('admin:app_setting.from_e-mail_address')}</label>
+          <label className="col-md-3 col-form-label text-right">{t('admin:app_setting.from_e-mail_address')}</label>
           <div className="col-md-6">
             <input
               className="form-control"
@@ -74,6 +98,17 @@ class MailSetting extends React.Component {
             />
           </div>
         </div>
+        <div className="row form-group mb-5">
+          <label
+            className="text-left text-md-right col-md-3 col-form-label"
+          >
+            {/* TODO */}
+            送信方法
+          </label>
+          <div className="col-md-6">
+            {transmissionMethodsSettings}
+          </div>
+        </div>
         <div className="row my-3">
           <div className="mx-auto">
             <button type="button" className="btn btn-primary" onClick={this.submitFromAdressHandler}>{ t('Update') }</button>

src/client/js/services/AdminAppContainer.js

@@ -24,6 +24,7 @@ export default class AdminAppContainer extends Container {
       envSiteUrl: '',
       isSetSiteUrl: true,
       fromAddress: '',
+      transmissionMethod: '',
       smtpHost: '',
       smtpPort: '',
       smtpUser: '',
@@ -126,6 +127,13 @@ export default class AdminAppContainer extends Container {
     this.setState({ fromAddress });
   }
 
+  /**
+   * Change from transmission method
+   */
+  changeTransmissionMethod(transmissionMethod) {
+    this.setState({ transmissionMethod });
+  }
+
   /**
    * Change smtp host
    */

src/server/routes/apiv3/app-settings.js

@@ -482,6 +482,10 @@ module.exports = (crowi) => {
    *                  $ref: '#/components/schemas/SesSettingParams'
    */
   router.put('/ses-setting', loginRequiredStrictly, adminRequired, csrf, validator.sesSetting, apiV3FormValidator, async(req, res) => {
+    const { mailService } = crowi;
+
+    await mailService.initialize();
+    mailService.publishUpdatedMessage();
 
     const requestSesSettingParams = {
       'mail:sesAccessKeyId': req.body.sesAccessKeyId,
@@ -573,14 +577,11 @@ module.exports = (crowi) => {
     };
 
     try {
-      const { configManager, mailService } = crowi;
+      const { configManager } = crowi;
 
       // update config without publishing S2sMessage
       await configManager.updateConfigsInTheSameNamespace('crowi', requestAwsSettingParams, true);
 
-      await mailService.initialize();
-      mailService.publishUpdatedMessage();
-
       const awsSettingParams = {
         region: crowi.configManager.getConfig('crowi', 'aws:region'),
         customEndpoint: crowi.configManager.getConfig('crowi', 'aws:customEndpoint'),