mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-14 17:26:22 +01:00
show loading state on buttons in UserRow
This commit is contained in:
@@ -3,17 +3,18 @@ import React from "react";
|
||||
import DeleteUserButton from "./DeleteUserButton";
|
||||
import EditUserButton from "./EditUserButton";
|
||||
import type { User } from "../types/User";
|
||||
import type { UserEntry } from "../types/UserEntry";
|
||||
|
||||
type Props = {
|
||||
entry: { loading: boolean, error: Error, user: User },
|
||||
entry: UserEntry,
|
||||
deleteUser: User => void,
|
||||
editUser: User => void
|
||||
};
|
||||
|
||||
export default class UserRow extends React.Component<Props> {
|
||||
render() {
|
||||
const { deleteUser, editUser } = this.props;
|
||||
const user = this.props.entry.entry;
|
||||
const { entry, deleteUser, editUser } = this.props;
|
||||
const user = entry.entry;
|
||||
return (
|
||||
<tr>
|
||||
<td>{user.name}</td>
|
||||
@@ -23,12 +24,12 @@ export default class UserRow extends React.Component<Props> {
|
||||
<input type="checkbox" id="admin" checked={user.admin} readOnly />
|
||||
</td>
|
||||
<td>
|
||||
<DeleteUserButton user={user} deleteUser={deleteUser} />
|
||||
<DeleteUserButton entry={entry} deleteUser={deleteUser} />
|
||||
</td>
|
||||
<td>
|
||||
<EditUserButton user={user} editUser={editUser} />
|
||||
<EditUserButton entry={entry} editUser={editUser} />
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user