Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-17 10:41:06 +01:00
Code Issues Packages Projects Releases Activity

Made EditGroup prettier

Browse Source
This commit is contained in:
Philipp Czora
2018-08-06 17:04:33 +02:00
parent 9f6466eaa5
commit 7549a31065
1 changed files with 26 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
scm-ui/src/groups/containers/EditGroup.js
View File

@@ -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<Props> {
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 <div>
<ErrorNotification error={error} />
<GroupForm group={group} submitForm={(group) =>{this.modifyGroup(group)}} loading={loading}/>
</div>
return (
<div>
<ErrorNotification error={error} />
<GroupForm
group={group}
submitForm={group => {
this.modifyGroup(group);
}}
loading={loading}
/>
</div>
);
}
}
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));
)(withRouter(EditGroup));