Function useComment

Custom React hook for managing a comment.

Example

import { useComment } from 'react-playmakers';

// Using the hook in a component
const CommentComponent = () => {
  const {
    comment,
    fetched,
    refresh,
    createComment,
    editComment,
    deleteComment,
    hideComment,
    createApproveComment,
    createRejectComment,
  } = useComment('cXXXXXXXX');

  // Fetch the comment on demand
  useEffect(() => {
    if (!fetched) {
      refresh();
    }
  }, [fetched, refresh]);

  // Handle creating a new comment
  const handleCreate = async () => {
    const newComment = await createComment('SXXXXXXXX', 'New comment body');
    console.log('Created comment:', newComment);
  };

  // Handle editing the current comment
  const handleEdit = async () => {
    if (comment) {
      const updatedComment = await editComment('Updated comment body');
      console.log('Updated comment:', updatedComment);
    }
  };

  // Handle deleting the current comment
  const handleDelete = async () => {
    if (comment) {
      await deleteComment();
      console.log('Comment deleted');
    }
  };

  return (
    <div>
      <h3>Comment Details</h3>
      <p>{comment?.body || 'No comment available'}</p>
      <button onClick={handleCreate}>Create Comment</button>
      <button onClick={handleEdit}>Edit Comment</button>
      <button onClick={handleDelete}>Delete Comment</button>
    </div>
  );
};
Copy