Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1086 Rev 3503
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React from "react";
 2 
import React from "react";
2 
import { useState } from "react";
 3 
import { useState } from "react";
3 
import ConfirmModal from "../../../../shared/confirm-modal/ConfirmModal";
 4 
import ConfirmModal from "../../../../shared/confirm-modal/ConfirmModal";
Línea 4... Línea 5...
4 
 
 5 
 
Línea 5... Línea -...
5 
import styles from "./feedCommentTemplate.module.scss";
 - 
 
6 
 
 - 
 
7 
const FeedCommentTemplate = (props) => {
 6 
const FeedCommentTemplate = ({ onDeleteHandler, commentData }) => {
8 
  const { onDeleteHandler } = props;
 7 
 
9 
  const {
 8 
  const {
10 
    user_name,
 9 
    user_name,
11 
    user_url,
 10 
    user_url,
12 
    user_image,
 11 
    user_image,
13 
    link_delete,
 12 
    link_delete,
14 
    time_elapsed,
 13 
    time_elapsed,
15 
    comment,
 14 
    comment,
Línea 16... Línea 15...
16 
    unique,
 15 
    unique,
Línea 17... Línea -...
17 
  } = props.commentData;
 - 
 
18 
 
 16 
  } = commentData;
19 
  const [showConfirmModal, setShowConfirmModal] = useState(false);
 - 
 
20 
 
 17 
 
21 
  const handleShowConfirmModal = () => {
 - 
 
22 
    setShowConfirmModal(!showConfirmModal);
 18 
  const [showConfirmModal, setShowConfirmModal] = useState(false);
23 
  };
 - 
 
Línea 24... Línea 19...
24 
 
 19 
 
25 
  const handleModalAccept = () => {
 20 
  const handleShowConfirmModal = () => setShowConfirmModal(!showConfirmModal)
26 
    onDeleteHandler(unique, link_delete);
 21 
 
27 
  };
 22 
  const handleModalAccept = () => onDeleteHandler(unique, link_delete)
28 
 
 23 
 
29 
  return (
 24 
  return (
30 
    <React.Fragment>
 25 
    <React.Fragment>
31 
      <li>
 26 
      <li>
32 
        <div className="comment-list">
 27 
        <div className="comment-list">
33 
          <div className={`comment comment-${unique}`}>
 28 
          <div className={`comment comment-${unique}`}>
34 
            <div className={styles.commentHeader}>
 29 
            <div className='commentHeader'>
35 
              <img
 30 
              <img
36 
                src={user_image}
 31 
                src={user_image}
37 
                alt="user-image"
 32 
                alt="user-image"
38 
                className={styles.userImage}
 33 
                className='userImage'
39 
              />
 34 
              />
40 
              <div className={styles.info}>
 35 
              <div className='info'>
41 
                <a href={user_url}>
 36 
                <a href={user_url}>
42 
                  <h3>{user_name}</h3>
 37 
                  <h3>{user_name}</h3>
43 
                </a>
 38 
                </a>
44 
                <span>
 39 
                <span>
45 
                  <img
 40 
                  <img
46 
                    src="/images/clock.png"
 - 
 
47 
                    alt=""
 41 
                    src="/images/clock.png"
48 
                    style={{ marginRight: ".2rem" }}
 - 
 
49 
                  />
 42 
                    alt=""
50 
                  {time_elapsed}
 43 
                    style={{ marginRight: ".2rem" }}
51 
                  {
 44 
                  />
52 
                    link_delete
 45 
                  {time_elapsed}
53 
                    &&
 46 
                  {link_delete &&