Merge pull request #110 from smiclea/endpoint-back

Add `Back` button to Endpoint modal

src/components/organisms/Endpoint/Endpoint.jsx

@@ -102,6 +102,7 @@ const LoadingText = styled.div`
 class Endpoint extends React.Component {
   static propTypes = {
     type: PropTypes.string,
+    cancelButtonText: PropTypes.string,
     deleteOnCancel: PropTypes.bool,
     endpoint: PropTypes.object,
     connectionInfo: PropTypes.object,
@@ -113,6 +114,10 @@ class Endpoint extends React.Component {
     providerStore: PropTypes.object,
   }
 
+  static defaultProps = {
+    cancelButtonText: 'Cancel',
+  }
+
   static getStores() {
     return [EndpointStore, ProviderStore]
   }
@@ -425,7 +430,7 @@ class Endpoint extends React.Component {
           {Tooltip.rebuild()}
         </Fields>
         <Buttons>
-          <Button large secondary onClick={() => { this.handleCancelClick() }}>Cancel</Button>
+          <Button large secondary onClick={() => { this.handleCancelClick() }}>{this.props.cancelButtonText}</Button>
           {this.renderActionButton()}
         </Buttons>
       </Content>

src/components/organisms/PageHeader/PageHeader.jsx

@@ -145,6 +145,10 @@ class PageHeader extends React.Component {
     this.setState({ showEndpointModal: false })
   }
 
+  handleBackEndpointModal() {
+    this.setState({ showChooseProviderModal: true, showEndpointModal: false })
+  }
+
   render() {
     return (
       <Wrapper>
@@ -181,7 +185,8 @@ class PageHeader extends React.Component {
           <Endpoint
             deleteOnCancel
             type={this.state.providerType}
-            onCancelClick={() => { this.handleCloseEndpointModal() }}
+            cancelButtonText="Back"
+            onCancelClick={() => { this.handleBackEndpointModal() }}
           />
         </Modal>
       </Wrapper>