Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15178 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 15178 Rev 16655
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import DeleteModal from '../../shared/DeleteModal'
 2 
import DeleteModal from '../../shared/DeleteModal'
Línea 3... Línea 3...
3 
 
 3 
 
- 
 
 4 
const CommentTemplate = ({ feed_comment, deleteComment }) => {
Línea 4... Línea 5...
4 
const CommentTemplate = ({ feed_comment, deleteComment }) => {
 5 
  const [showDeleteModal, setShowDeleteModal] = useState(false)
Línea 5... Línea -...
5 
 
 - 
 
6 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
 - 
 
7 
 
 6 
 
8 
	const closeModal = () => setShowDeleteModal(false)
 7 
  const closeModal = () => setShowDeleteModal(false)
9 
 
 8 
 
10 
	return (
 9 
  return (
11 
		<>
 10 
    <>
12 
			<div className="d-flex position-relative mb-1">
 11 
      <div className="d-flex position-relative mb-1">
13 
				<div className="comment-list w-100 p-2 rounded">
 12 
        <div className="comment-list w-100 p-2 rounded">
14 
					<div className={`comment comment-${feed_comment.unique}`}>
 13 
          <div className={`comment comment-${feed_comment.unique}`}>
15 
						<div className={'commentHeader'}>
 14 
            <div className={'commentHeader'}>
16 
							<img
 15 
              <img
17 
								src={feed_comment.user_image}
 16 
                src={feed_comment.user_image}
18 
								alt="user-image"
 17 
                alt="user-image"
19 
								className={'userImage'}
 18 
                className={'userImage'}
20 
							/>
 19 
              />
21 
							<div className={'info'}>
 20 
              <div className={'info'}>
22 
								<a href={feed_comment.user_url}>
 21 
                <a href={feed_comment.user_url}>
23 
									<h3>{feed_comment.user_name}</h3>
 22 
                  <h3>{feed_comment.user_name}</h3>
24 
								</a>
 23 
                </a>
25 
								<span>
 24 
                <span>
26 
									<img
 25 
                  <img
27 
										src="/images/clock.png"
 26 
                    src="/images/clock.png"
28 
										alt=""
 27 
                    alt=""
29 
										style={{ marginRight: '.2rem' }}
 - 
 
30 
									/>
 28 
                    style={{ marginRight: '.2rem' }}
31 
									{feed_comment.time_elapsed}
 29 
                  />
- 
 
 30 
                  {feed_comment.time_elapsed}
32 
									{
 31 
                  {feed_comment.link_delete && (
- 
 
 32 
                    <i
- 
 
 33 
                      className="fa fa-trash ms-2"
33 
										feed_comment.link_delete
 34 
                      onClick={() => setShowDeleteModal(true)}
34 
										&&
 35 
                      style={{ cursor: 'pointer' }}
35 
										<i className='fa fa-trash ms-2' onClick={() => setShowDeleteModal(true)} style={{ cursor: 'pointer' }} />
 36 
                    />
36 
									}
 37 
                  )}
37 
								</span>
 38 
                </span>
38 
							</div>
 39 
              </div>
39 
						</div>
 40 
            </div>
40 
						<p>{feed_comment.comment}</p>
 41 
            <p>{feed_comment.comment}</p>
41 
					</div>
 42 
          </div>
42 
				</div>
 43 
        </div>
43 
			</div>
 44 
      </div>
44 
			<DeleteModal
 45 
      <DeleteModal
45 
				url={feed_comment.link_delete}
 46 
        url={feed_comment.link_delete}
46 
				isOpen={showDeleteModal}
 47 
        isOpen={showDeleteModal}
47 
				closeModal={closeModal}
 48 
        closeModal={closeModal}
48 
				title="Esta seguro de borrar este comentario?"
 49 
        title="Esta seguro de borrar este comentario?"
49 
				onComplete={() => deleteComment(feed_comment.unique)}
 50 
        onComplete={() => deleteComment(feed_comment.unique)}
50 
				message="El comentario ha sido borrado"
 51 
        message="El comentario ha sido borrado"
51 
			/>
 52 
      />
52 
		</>
 - 
 
53 
	)
 53 
    </>
- 
 
 54 
  )