Skip to content
Snippets Groups Projects
Select Git revision
  • 658d2f6b858246e720f08047946871b87baf6ea5
  • master default protected
  • 1.3.1
  • 1.3.0
  • 1.2.0
  • 1.1.5
  • 1.1.4
  • 1.1.3
  • 1.1.2
  • 1.1.1
  • 1.1.0
  • 1.0.19
  • 1.0.18
  • 1.0.17
  • 1.0.16
  • 1.0.15
  • 1.0.14
  • 1.0.13
  • 1.0.12
  • 1.0.10
  • 1.0.9
  • 1.0.8
22 results

CommentModal.js

Blame
  • Forked from KSZK / DevTeam / kszkepzes / old / kszkepzes-frontend
    Source project has a limited visibility.
    CommentModal.js 1.55 KiB
    import React, { Component } from 'react';
    import { connect } from 'react-redux';
    import { Button, Comment, Modal } from 'semantic-ui-react';
    import { deleteNote } from '../../actions/notes';
    import ConfirmModal from '../forms/ConfirmModal';
    
    class CommentModal extends Component {
      renderComments() {
        const { notes, user } = this.props;
        return notes.map((note) => {
          return (
            <Comment key={note.id}>
              <Comment.Content>
                <Comment.Author>{note.created_by_name}</Comment.Author>
                <Comment.Text>
                  {note.note}
                </Comment.Text>
                { note.created_by_name === user.fullName ?
                  <ConfirmModal
                    text='törölni akarod a megjegyzést'
                    button={
                      <Button
                        compact
                        color='red'
                        size='mini'
                      >
                      Delete
                      </Button>
                       }
                    onAccept={() => this.props.deleteNote(note)}
                  />
                  :
                  null }
              </Comment.Content>
            </Comment>
          );
        });
      }
      render() {
        return (
          <Modal
            closeIcon
            trigger={
              <Button icon='comment alternate outline' />
            }
          >
            <Modal.Header>Megjegyzések:</Modal.Header>
            <Modal.Content>
              {this.renderComments()}
            </Modal.Content>
          </Modal>
        );
      }
    }
    
    const mapStateToProps = ({ user }) => ({ user });
    
    export default connect(mapStateToProps, { deleteNote })(CommentModal);