create change event

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

@@ -22,10 +22,10 @@ class GcpSetting extends React.Component {
   }
 
   async submitHandler() {
-    const { t } = this.props;
+    const { t, adminAppContainer } = this.props;
 
     try {
-      // TODO create api
+      await adminAppContainer.updateGcpSettingHandler();
       toastSuccess(t('toaster.update_successed', { target: t('admin:app_setting.gcp_settings') }));
     }
     catch (err) {
@@ -58,7 +58,7 @@ class GcpSetting extends React.Component {
                   type="text"
                   name="gcsApiKeyJsonPath"
                   defaultValue={adminAppContainer.state.gcsApiKeyJsonPath}
-                  onChange={e => adminAppContainer.changeSamlEntryPoint(e.target.value)}
+                  onChange={e => adminAppContainer.changeGcsApiKeyJsonPath(e.target.value)}
                 />
               </td>
               <td>
@@ -82,7 +82,7 @@ class GcpSetting extends React.Component {
                   type="text"
                   name="gcsBucket"
                   defaultValue={adminAppContainer.state.gcsBucket}
-                  onChange={e => adminAppContainer.changeSamlEntryPoint(e.target.value)}
+                  onChange={e => adminAppContainer.changeGcsBucket(e.target.value)}
                 />
               </td>
               <td>
@@ -106,7 +106,7 @@ class GcpSetting extends React.Component {
                   type="text"
                   name="gcsUploadNamespace"
                   defaultValue={adminAppContainer.state.gcsUploadNamespace}
-                  onChange={e => adminAppContainer.changeSamlEntryPoint(e.target.value)}
+                  onChange={e => adminAppContainer.changeGcsUploadNamespace(e.target.value)}
                 />
               </td>
               <td>

src/client/js/services/AdminAppContainer.js

@@ -213,6 +213,27 @@ export default class AdminAppContainer extends Container {
     this.setState({ secretAccessKey });
   }
 
+  /**
+   * Change gcsApiKeyJsonPath
+   */
+  changeGcsApiKeyJsonPath(gcsApiKeyJsonPath) {
+    this.setState({ gcsApiKeyJsonPath });
+  }
+
+  /**
+   * Change gcsBucket
+   */
+  changeGcsBucket(gcsBucket) {
+    this.setState({ gcsBucket });
+  }
+
+  /**
+   * Change gcsUploadNamespace
+   */
+  changeGcsUploadNamespace(gcsUploadNamespace) {
+    this.setState({ gcsUploadNamespace });
+  }
+
   /**
    * Change secret key
    */
@@ -311,6 +332,16 @@ export default class AdminAppContainer extends Container {
     return awsSettingParams;
   }
 
+  /**
+   * Update GCP setting
+   * @memberOf AdminAppContainer
+   * @return {Array} Appearance
+   */
+  async updateGcpSettingHandler() {
+    // TODO GW-3660 cteaye api
+    return;
+  }
+
   /**
    * Update plugin setting
    * @memberOf AdminAppContainer