deleteuserbutton is only a component

This commit is contained in:
Maren Süwer
2018-07-10 16:37:27 +02:00
parent 4af1842ea3
commit af0de44172

View File

@@ -1,46 +1,36 @@
// @flow // @flow
import React from "react"; import React from "react";
import { deleteUser } from '../modules/users';
import {connect} from "react-redux";
type Props = { type Props = {
user: any, user: any,
deleteUser: (username: string) => void deleteUser: (link: string) => void
}; };
class DeleteUser extends React.Component<Props> { class DeleteUser extends React.Component<Props> {
deleteUser = () => { deleteUser = () => {
this.props.deleteUser(this.props.user.name); this.props.deleteUser(this.props.user._links.delete.href);
};
if(deleteButtonClicked) {
let deleteButtonAsk = <div>You really want to remove this user?</div>
}
isDeletable = () => {
return this.props.user._links.delete;
}; };
render() { render() {
if(this.props.user._links.delete) { if (!this.isDeletable()) {
return ( return;
<button type="button" onClick={this.deleteUser}>
Delete User
</button>
);
} }
return (
<button type="button" onClick={this.deleteUser}>
Delete User
</button>
);
} }
} }
const mapStateToProps = state => { export default DeleteUser;
return {
users: state.users.users
};
};
const mapDispatchToProps = dispatch => {
return {
deleteUser: (username: string) => {
dispatch(deleteUser(username));
}
};
};
export default connect(
mapStateToProps,
mapDispatchToProps
)(DeleteUser);