rt/wrolpi
1
0
Fork 0
mirror of https://github.com/lrnselfreliance/wrolpi.git synced 2026-10-26 19:01:39 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Video comments' children sorted by time.

Browse source
This commit is contained in:
Roland 2024-10-15 17:02:59 -06:00
parent a25b8373c9
commit c1cfe103cb
No known key found for this signature in database
GPG key ID: 1BA620CE6C9A4680
1 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/src/components/VideoPlayer.js
View file

@ -153,16 +153,22 @@ const Comments = ({comments, video}) => {
const rootComments = comments.filter(i => i['parent'] === 'root');
const sortedByParent = {};
// Comments are in an array, convert it to a dict, grouped by their parent.
const groupedByParent = {};
comments.forEach(obj => {
if (!sortedByParent[obj.parent]) {
sortedByParent[obj.parent] = [];
if (!groupedByParent[obj.parent]) {
groupedByParent[obj.parent] = [];
}
sortedByParent[obj.parent].push(obj);
groupedByParent[obj.parent].push(obj);
})
// Sort replies to each parent by the time they were created.
comments.forEach(obj => {
const children = groupedByParent[obj.parent];
groupedByParent[obj.parent] = _.sortBy(children, ['timestamp']);
})
return <CommentGroup>
{rootComments.map((i, key) => <VideoComment key={key} comment={i} children={sortedByParent[i.id]}/>)}
{rootComments.map((i, key) => <VideoComment key={key} comment={i} children={groupedByParent[i.id]}/>)}
</CommentGroup>
}
@ -350,7 +356,7 @@ function VideoPage({videoFile, prevFile, nextFile, fetchVideo, ...props}) {
</Container>
<video controls
class='video-player'
className='video-player'
autoPlay={props.autoplay !== undefined ? props.autoplay : true}
poster={posterUrl}
id="player"