diff --git a/scm-ui/src/groups/containers/EditGroup.js b/scm-ui/src/groups/containers/EditGroup.js index a8d0c77556..63cdafa912 100644 --- a/scm-ui/src/groups/containers/EditGroup.js +++ b/scm-ui/src/groups/containers/EditGroup.js @@ -2,11 +2,11 @@ import React from "react"; import { connect } from "react-redux"; import GroupForm from "../components/GroupForm"; -import { modifyGroup, fetchGroup } from "../modules/groups" +import { modifyGroup, fetchGroup } from "../modules/groups"; import type { History } from "history"; import { withRouter } from "react-router-dom"; -import type { Group } from "../types/Group" -import { isModifyGroupPending, getModifyGroupFailure } from "../modules/groups" +import type { Group } from "../types/Group"; +import { isModifyGroupPending, getModifyGroupFailure } from "../modules/groups"; import ErrorNotification from "../../components/ErrorNotification"; type Props = { @@ -20,39 +20,47 @@ type Props = { class EditGroup extends React.Component { groupModified = (group: Group) => () => { - this.props.fetchGroup(group.name) - this.props.history.push(`/group/${group.name}`) - } + this.props.fetchGroup(group.name); + this.props.history.push(`/group/${group.name}`); + }; modifyGroup = (group: Group) => { this.props.modifyGroup(group, this.groupModified(group)); - } + }; render() { const { group, loading, error } = this.props; - return
- - {this.modifyGroup(group)}} loading={loading}/> -
+ return ( +
+ + { + this.modifyGroup(group); + }} + loading={loading} + /> +
+ ); } } const mapStateToProps = (state, ownProps) => { - const loading = isModifyGroupPending(state, ownProps.group.name) - const error = getModifyGroupFailure(state, ownProps.group.name) + const loading = isModifyGroupPending(state, ownProps.group.name); + const error = getModifyGroupFailure(state, ownProps.group.name); return { loading, error }; }; -const mapDispatchToProps = (dispatch) => { +const mapDispatchToProps = dispatch => { return { - modifyGroup: (group: Group, callback?: () => void) => { - dispatch(modifyGroup(group, callback)) + modifyGroup: (group: Group, callback?: () => void) => { + dispatch(modifyGroup(group, callback)); }, fetchGroup: (name: string) => { - dispatch(fetchGroup(name)) + dispatch(fetchGroup(name)); } }; }; @@ -60,4 +68,4 @@ const mapDispatchToProps = (dispatch) => { export default connect( mapStateToProps, mapDispatchToProps -)(withRouter(EditGroup)); \ No newline at end of file +)(withRouter(EditGroup));