IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

replaced confirm delete modal with deleteButton component in teams members list

Browse Source
This commit is contained in:
Patrick O'Carroll 2018-08-09 12:56:55 +02:00
parent 1c63f7a61f
commit f339b3502a
1 changed files with 4 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/app/containers/Teams/TeamMembers.tsx
View File

@ -2,9 +2,9 @@ import React from 'react';
import { hot } from 'react-hot-loader'; import { hot } from 'react-hot-loader';
import { observer } from 'mobx-react'; import { observer } from 'mobx-react';
import { ITeam, ITeamMember } from 'app/stores/TeamsStore/TeamsStore'; import { ITeam, ITeamMember } from 'app/stores/TeamsStore/TeamsStore';
import appEvents from 'app/core/app_events';
import SlideDown from 'app/core/components/Animations/SlideDown'; import SlideDown from 'app/core/components/Animations/SlideDown';
import { UserPicker, User } from 'app/core/components/Picker/UserPicker'; import { UserPicker, User } from 'app/core/components/Picker/UserPicker';
import DeleteButton from 'app/core/components/DeleteButton/DeleteButton';
interface Props { interface Props {
team: ITeam; team: ITeam;
@ -31,15 +31,7 @@ export class TeamMembers extends React.Component<Props, State> {
}; };
removeMember(member: ITeamMember) { removeMember(member: ITeamMember) {
appEvents.emit('confirm-modal', { this.props.team.removeMember(member);
title: 'Remove Member',
text: 'Are you sure you want to remove ' + member.login + ' from this group?',
yesText: 'Remove',
icon: 'fa-warning',
onConfirm: () => {
this.removeMemberConfirmed(member);
},
});
} }
removeMemberConfirmed(member: ITeamMember) { removeMemberConfirmed(member: ITeamMember) {
@ -54,10 +46,8 @@ export class TeamMembers extends React.Component<Props, State> {
</td> </td>
<td>{member.login}</td> <td>{member.login}</td>
<td>{member.email}</td> <td>{member.email}</td>
<td style={{ width: '1%' }}> <td className="text-right">
<a onClick={() => this.removeMember(member)} className="btn btn-danger btn-mini"> <DeleteButton onConfirmDelete={() => this.removeMember(member)} />
<i className="fa fa-remove" />
</a>
</td> </td>
</tr> </tr>
); );