Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- class CourseDetail extends Component {
- constructor(props) {
- super(props);
- this.state = {
- course: [],
- user: [] //user state contains user data
- };
- this.handleButtonLogic = this.handleButtonLogic.bind(this);
- }
- componentDidMount() {
- this.handleButtonLogic() {
- }
- handleButtonLogic() {
- const user = this.state;
- const isLoggedIn = localStorage.getItem('IsLoggedIn');
- const UserId = localStorage.getItem('UserId');
- const button = document.getElementsByName('button')
- if (!isLoggedIn && user._id !== UserId) {
- button.style.display = 'none'
- } else {
- button.style.display = ''
- }
- }
- render() {
- const { course, user } = this.state;
- return (//JSX inside
- <div>
- <div className="actions--bar">
- <div className="bounds">
- <div className="grid-100">
- <span>
- <NavLink to={`/courses/${course._id}/update`} className="button">Update Course</NavLink>
- <NavLink to={"#"} className="button" onClick={this.handleDelete} > Delete Course</NavLink>
- </span>
- }
- export default CourseDetail;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement