32 lines
755 B
JavaScript
32 lines
755 B
JavaScript
import React from "react"
|
|
import PropTypes from "prop-types"
|
|
|
|
export default class AuthorizeOperationBtn extends React.Component {
|
|
static propTypes = {
|
|
isAuthorized: PropTypes.bool.isRequired,
|
|
onClick: PropTypes.func
|
|
}
|
|
|
|
onClick =(e) => {
|
|
e.stopPropagation()
|
|
let { onClick } = this.props
|
|
|
|
if(onClick) {
|
|
onClick()
|
|
}
|
|
}
|
|
|
|
render() {
|
|
let { isAuthorized } = this.props
|
|
|
|
return (
|
|
<button className={isAuthorized ? "authorization__btn locked" : "authorization__btn unlocked"} onClick={ this.onClick }>
|
|
<svg width="20" height="20">
|
|
<use href={ isAuthorized ? "#locked" : "#unlocked" } xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } />
|
|
</svg>
|
|
</button>
|
|
|
|
)
|
|
}
|
|
}
|