import React, { useEffect } from 'react'
import CommentInstance from './commentInstance/commentInstance'
import { useCommentStore } from '../../../../store/collaboration/useCommentStore'

function CommentInstances() {
    const { comments } = useCommentStore();

    useEffect(() => {
        console.log('comments: ', comments);
    }, [comments])

    return (
        <>
            {comments.map((comment: CommentSchema) => (
                <React.Fragment key={comment.commentId}>
                    <CommentInstance comment={comment} />
                </React.Fragment>
            ))}
        </>
    )
}

export default CommentInstances