55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
// @flow
|
|
import React, { useEffect } from 'react';
|
|
import Comment from 'component/comment';
|
|
|
|
type Props = {
|
|
comments: Array<any>,
|
|
fetchComments: string => void,
|
|
uri: string,
|
|
claimIsMine: boolean,
|
|
myChannels: ?Array<ChannelClaim>,
|
|
};
|
|
|
|
function CommentList(props: Props) {
|
|
const { fetchComments, uri, comments, claimIsMine, myChannels } = props;
|
|
|
|
// todo: implement comment_list --mine in SDK so redux can grab with selectCommentIsMine
|
|
const isMyComment = (channelId: string) => {
|
|
if (myChannels != null && channelId != null) {
|
|
for (let i = 0; i < myChannels.length; i++) {
|
|
if (myChannels[i].claim_id === channelId) {
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
|
|
useEffect(() => {
|
|
fetchComments(uri);
|
|
}, [fetchComments, uri]);
|
|
|
|
return (
|
|
<ul className="comments">
|
|
{comments &&
|
|
comments.map(comment => {
|
|
return (
|
|
<Comment
|
|
authorUri={comment.channel_url}
|
|
author={comment.channel_name}
|
|
claimId={comment.claim_id}
|
|
commentId={comment.comment_id}
|
|
key={comment.channel_id + comment.comment_id}
|
|
message={comment.comment}
|
|
parentId={comment.parent_id || null}
|
|
timePosted={comment.timestamp * 1000}
|
|
claimIsMine={claimIsMine}
|
|
commentIsMine={comment.channel_id && isMyComment(comment.channel_id)}
|
|
/>
|
|
);
|
|
})}
|
|
</ul>
|
|
);
|
|
}
|
|
|
|
export default CommentList;
|