show loading state on buttons in UserRow

This commit is contained in:
Sebastian Sdorra
2018-07-18 09:35:16 +02:00
parent ef4d4b8f02
commit 837824c0e3
11 changed files with 8486 additions and 55 deletions

View File

@@ -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>
);
}
}
}