Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5581 | Rev 5583 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5581 Rev 5582
Línea 17... Línea 17...
17 
  addNotification,
 17 
  addNotification,
18 
}) => {
 18 
}) => {
19 
  const { register, handleSubmit, errors, reset } = useForm()
 19 
  const { register, handleSubmit, errors, reset } = useForm()
20 
  const [comments, setComments] = useState([])
 20 
  const [comments, setComments] = useState([])
Línea -... Línea 21...
- 
 
 21 
 
- 
 
 22 
  useEffect(() => {
- 
 
 23 
    setComments(currentComments)
- 
 
 24 
  }, [currentComments])
21 
 
 25 
 
22 
  const submitCommet = (data) => {
 26 
  const submitCommet = (data) => {
23 
    const currentFormData = new FormData()
 27 
    const currentFormData = new FormData()
24 
    Object.entries(data).forEach(([key, value]) =>
 28 
    Object.entries(data).forEach(([key, value]) =>
25 
      currentFormData.append(key, value)
 29 
      currentFormData.append(key, value)
Línea 100... Línea 104...
100 
    </ul>
 104 
    </ul>
101 
  )
 105 
  )
102 
}
 106 
}
Línea 103... Línea 107...
103 
 
 107 
 
- 
 
 108 
const CommentTemplate = ({ onDelete, comment }) => {
- 
 
 109 
  const {
- 
 
 110 
    unique,
- 
 
 111 
    user_url,
- 
 
 112 
    user_name,
- 
 
 113 
    user_image,
- 
 
 114 
    time_elapsed,
- 
 
 115 
    comment: content,
- 
 
 116 
    link_delete,
104 
const CommentTemplate = ({ onDelete, comment }) => {
 117 
  } = comment
105 
  const [showConfirmModal, setShowConfirmModal] = useState(false)
 118 
  const [showConfirmModal, setShowConfirmModal] = useState(false)
106 
  const [displayOption, setDisplayOption] = useState(false)
 119 
  const [displayOption, setDisplayOption] = useState(false)
Línea 107... Línea 120...
107 
  const deleteButton = useRef()
 120 
  const deleteButton = useRef()
Línea 125... Línea 138...
125 
  }, [deleteButton])
 138 
  }, [deleteButton])
Línea 126... Línea 139...
126 
 
 139 
 
127 
  return (
 140 
  return (
128 
    <li>
 141 
    <li>
129 
      <div className="comment-container">
 142 
      <div className="comment-container">
130 
        {comment.user_image && (
 - 
 
131 
          <img
 - 
 
132 
            src={comment.user_image}
 - 
 
133 
            alt="user-image"
 143 
        {user_image && (
134 
            className="user-image"
 - 
 
135 
          />
 144 
          <img src={user_image} alt="user-image" className="user-image" />
136 
        )}
 145 
        )}
137 
        <div className="comment-content">
 146 
        <div className="comment-content">
138 
          <div className="info">
 147 
          <div className="info">
139 
            <a href={comment.user_url}>
 148 
            <a href={user_url}>
140 
              <h3>{comment.user_name}</h3>
 149 
              <h3>{user_name}</h3>
141 
            </a>
 150 
            </a>
142 
            <span>
 151 
            <span>
143 
              {comment.time_elapsed}
 152 
              {time_elapsed}
144 
              {comment.link_delete && (
 153 
              {comment.link_delete && (
145 
                <>
 154 
                <>
146 
                  <img
 155 
                  <img
147 
                    src="/images/icons/options.png"
 156 
                    src="/images/icons/options.png"
Línea 168... Línea 177...
168 
                  </div>
 177 
                  </div>
169 
                </>
 178 
                </>
170 
              )}
 179 
              )}
171 
            </span>
 180 
            </span>
172 
          </div>
 181 
          </div>
173 
          <p>{comment}</p>
 182 
          <p>{content}</p>
174 
        </div>
 183 
        </div>
175 
      </div>
 184 
      </div>
176 
      <ConfirmModal
 185 
      <ConfirmModal
177 
        show={showConfirmModal}
 186 
        show={showConfirmModal}
178 
        onClose={toggleModal}
 187 
        onClose={toggleModal}
179 
        onAccept={() => onDelete(comment.unique, comment.link_delete)}
 188 
        onAccept={() => onDelete(unique, link_delete)}
180 
        acceptLabel={LABELS.ACCEPT}
 189 
        acceptLabel={LABELS.ACCEPT}
181 
      />
 190 
      />
182 
    </li>
 191 
    </li>
183 
  )
 192 
  )
184 
}
 193 
}