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

use global remove button for table entries in groups

Browse Source
This commit is contained in:
Maren Süwer
2018-08-21 11:31:36 +02:00
parent d5815142c0
commit d8e4c7d63a
2 changed files with 7 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
scm-ui/src/groups/components/MemberNameTable.js
View File

@@ -1,7 +1,7 @@
//@flow //@flow
import React from "react"; import React from "react";
import { translate } from "react-i18next"; import { translate } from "react-i18next";
import RemoveMemberButton from "./buttons/RemoveMemberButton"; import { RemoveEntryOfTableButton } from "../../components/buttons";
type Props = { type Props = {
members: string[], members: string[],
@@ -24,9 +24,11 @@ class MemberNameTable extends React.Component<Props, State> {
<tr key={member}> <tr key={member}>
<td key={member}>{member}</td> <td key={member}>{member}</td>
<td> <td>
<RemoveMemberButton <RemoveEntryOfTableButton
membername={member} entryname={member}
removeMember={this.removeMember} removeEntry={this.removeEntry}
disabled={false}
label={t("remove-member-button.label")}
/> />
</td> </td>
</tr> </tr>
@@ -38,7 +40,7 @@ class MemberNameTable extends React.Component<Props, State> {
); );
} }
removeMember = (membername: string) => { removeEntry = (membername: string) => {
const newMembers = this.props.members.filter(name => name !== membername); const newMembers = this.props.members.filter(name => name !== membername);
this.props.memberListChanged(newMembers); this.props.memberListChanged(newMembers);
}; };

34
scm-ui/src/groups/components/buttons/RemoveMemberButton.js
View File

@@ -1,34 +0,0 @@
//@flow
import React from "react";
import { DeleteButton } from "../../../components/buttons";
import { translate } from "react-i18next";
import classNames from "classnames";
type Props = {
t: string => string,
membername: string,
removeMember: string => void
};
type State = {};
class RemoveMemberButton extends React.Component<Props, State> {
render() {
const { t , membername, removeMember} = this.props;
return (
<div className={classNames("is-pulled-right")}>
<DeleteButton
label={t("remove-member-button.label")}
action={(event: Event) => {
event.preventDefault();
removeMember(membername);
}}
/>
</div>
);
}
}
export default translate("groups")(RemoveMemberButton);