Proyectos de Subversion LeadersLinked - SPA

import React, { useCallback } from 'react';

import { List } from '..';
import { CommentItem } from './CommentItem';

export function CommentsList({ comments = [], onDelete, onReport }) {
  const handleDelete = useCallback(
    (url, uuid) => {
      if (!url || !uuid) return;
      onDelete(url, uuid);
    },
    [onDelete]
  );

  const handleReport = useCallback(
    (url) => {
      if (!url) return;
      onReport(url);
    },
    [onReport]
  );

  return (
    <List
      items={comments}
      renderItem={(comment) => (
        <CommentItem
          comment={comment}
          onDelete={
            comment.link_delete ? () => handleDelete(comment.link_delete, comment.uuid) : null
          }
          onReport={
            comment.link_abuse_report ? () => handleReport(comment.link_abuse_report) : null
          }
        />
      )}
      emptyMessage='No hay comentarios para mostrar'
      keyExtractor={(comment) => comment.uuid}
    />
  );
}