fix(config): move config to app store. close #663

erxes · Aug 14, 2019 · d02a742 · d02a742
1 parent 813acf6
commit d02a742
Show file tree

Hide file tree

Showing 17 changed files with 189 additions and 222 deletions.
diff --git a/public/images/integrations/aws-ses.svg b/public/images/integrations/aws-ses.svg
diff --git a/src/modules/settings/engages/components/Settings.tsx b/src/modules/settings/engages/components/Settings.tsx
diff --git a/src/modules/settings/engages/graphql/index.ts b/src/modules/settings/engages/graphql/index.ts
diff --git a/src/modules/settings/engages/graphql/mutations.ts b/src/modules/settings/engages/graphql/mutations.ts
diff --git a/src/modules/settings/engages/graphql/queries.ts b/src/modules/settings/engages/graphql/queries.ts
diff --git a/src/modules/settings/engages/routes.tsx b/src/modules/settings/engages/routes.tsx
diff --git a/src/modules/settings/engages/types.ts b/src/modules/settings/engages/types.ts
diff --git a/src/modules/settings/integrations/components/engages/Settings.tsx b/src/modules/settings/integrations/components/engages/Settings.tsx
@@ -0,0 +1,102 @@
+import Button from 'modules/common/components/Button';
+import { FormControl } from 'modules/common/components/form';
+import Form from 'modules/common/components/form/Form';
+import FormGroup from 'modules/common/components/form/Group';
+import ControlLabel from 'modules/common/components/form/Label';
+import { ModalFooter } from 'modules/common/styles/main';
+import { IButtonMutateProps, IFormProps } from 'modules/common/types';
+import React from 'react';
+import { IEngageConfig } from '../../types';
+
+type Props = {
+  engagesConfigDetail: IEngageConfig;
+  renderButton: (props: IButtonMutateProps) => JSX.Element;
+  closeModal: () => void;
+};
+
+type State = {
+  secretAccessKey?: string;
+  accessKeyId?: string;
+  region?: string;
+};
+
+class List extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+
+    const { engagesConfigDetail } = props;
+
+    this.state = {
+      secretAccessKey: engagesConfigDetail.secretAccessKey || '',
+      accessKeyId: engagesConfigDetail.accessKeyId || '',
+      region: engagesConfigDetail.region || ''
+    };
+  }
+
+  generateDoc = values => {
+    return values;
+  };
+
+  renderContent = (formProps: IFormProps) => {
+    const { engagesConfigDetail, renderButton, closeModal } = this.props;
+    const { values, isSubmitted } = formProps;
+
+    return (
+      <>
+        <FormGroup>
+          <ControlLabel>AWS-SES Access key ID</ControlLabel>
+          <FormControl
+            {...formProps}
+            max={140}
+            name="accessKeyId"
+            defaultValue={engagesConfigDetail.accessKeyId}
+          />
+        </FormGroup>
+
+        <FormGroup>
+          <ControlLabel>AWS-SES Secret access key</ControlLabel>
+          <FormControl
+            {...formProps}
+            max={140}
+            name="secretAccessKey"
+            defaultValue={engagesConfigDetail.secretAccessKey}
+          />
+        </FormGroup>
+
+        <FormGroup>
+          <ControlLabel>AWS-SES Region</ControlLabel>
+          <FormControl
+            {...formProps}
+            max={140}
+            name="region"
+            defaultValue={engagesConfigDetail.region}
+          />
+        </FormGroup>
+
+        <ModalFooter>
+          <Button
+            btnStyle="simple"
+            type="button"
+            onClick={closeModal}
+            icon="cancel-1"
+          >
+            Cancel
+          </Button>
+
+          {renderButton({
+            name: 'engagesConfigDetail',
+            values: this.generateDoc(values),
+            isSubmitted,
+            object: this.props.engagesConfigDetail
+          })}
+        </ModalFooter>
+      </>
+    );
+  };
+
+  render() {
+    return <Form renderContent={this.renderContent} />;
+  }
+}
+
+export default List;
diff --git a/src/modules/settings/integrations/components/store/Entry.tsx b/src/modules/settings/integrations/components/store/Entry.tsx
@@ -5,6 +5,7 @@ import Facebook from 'modules/settings/integrations/containers/facebook/Form';
 import Gmail from 'modules/settings/integrations/containers/google/Gmail';
 import React from 'react';
 import { Link } from 'react-router-dom';
+import Settings from '../../containers/engages/Settings';
 import KnowledgeBase from '../../containers/knowledgebase/Form';
 import Lead from '../../containers/lead/Form';
 import { Box, IntegrationItem, Type } from './styles';
@@ -71,6 +72,20 @@ class Entry extends React.Component<Props> {
       );
     }
 
+    if (createModal === 'sesconfig') {
+      const trigger = <a href="#add">+ {__('Add')}</a>;
+
+      const content = props => <Settings {...props} />;
+
+      return (
+        <ModalTrigger
+          title="Add engage config"
+          trigger={trigger}
+          content={content}
+        />
+      );
+    }
+
     if (createModal === 'knowledgeBase') {
       const trigger = <a href="#add">+ {__('Add')}</a>;
 

diff --git a/src/modules/settings/integrations/components/store/Row.tsx b/src/modules/settings/integrations/components/store/Row.tsx
@@ -50,7 +50,7 @@ class Row extends React.Component<Props, State> {
   };
 
   toggleBox = selectedKind => {
-    if (!selectedKind) {
+    if (!selectedKind || selectedKind === 'amazon-ses') {
       return false;
     }
 

diff --git a/src/modules/settings/integrations/constants.ts b/src/modules/settings/integrations/constants.ts
@@ -136,6 +136,15 @@ export const INTEGRATIONS = [
         logo: '/images/integrations/knowledge-base.png',
         createModal: 'knowledgeBase',
         createUrl: '/settings/integrations/knowledgeBase'
+      },
+      {
+        name: 'Engage config',
+        description:
+          'Set up your custome amazon simple email service account here',
+        inMessenger: false,
+        kind: 'amazon-ses',
+        logo: '/images/integrations/aws-ses.svg',
+        createModal: 'sesconfig'
       }
     ]
   },