Created DeleteServerButton test

This commit is contained in:
Alejandro Celaya
2018-08-24 12:23:35 +02:00
parent ffc596b494
commit 7cd9caee77
2 changed files with 49 additions and 8 deletions

View File

@@ -2,32 +2,40 @@ import deleteIcon from '@fortawesome/fontawesome-free-solid/faMinusCircle';
import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import React from 'react';
import DeleteServerModal from './DeleteServerModal';
import { serverType } from './prop-types';
import PropTypes from 'prop-types';
const propTypes = {
server: serverType,
className: PropTypes.string,
};
export default class DeleteServerButton extends React.Component {
state = { isModalOpen: false };
render() {
const { server } = this.props;
const { server, className } = this.props;
return [
(
return (
<React.Fragment>
<span
className={this.props.className}
className={className}
onClick={() => this.setState({ isModalOpen: true })}
key="deleteServerBtn"
>
<FontAwesomeIcon icon={deleteIcon} />
<span className="aside-menu__item-text">Delete this server</span>
</span>
),
(
<DeleteServerModal
isOpen={this.state.isModalOpen}
toggle={() => this.setState({ isModalOpen: !this.state.isModalOpen })}
server={server}
key="deleteServerModal"
/>
)
];
</React.Fragment>
);
}
}
DeleteServerButton.propTypes = propTypes;