1
00:00:00,570 --> 00:00:01,260
This way.

2
00:00:01,260 --> 00:00:03,290
We laughed in the previous video.

3
00:00:03,300 --> 00:00:08,640
So what we are going to do is to display all the comments being created.

4
00:00:09,330 --> 00:00:14,760
So inside the post details and again, this where we left the previous video.

5
00:00:14,790 --> 00:00:22,110
So I'm going to remove one of these HTML comments and let's go ahead and then look through it.

6
00:00:22,110 --> 00:00:27,060
Remember that on the post we have a field called comment.

7
00:00:27,060 --> 00:00:31,530
We are going to look through B loop comment.

8
00:00:34,250 --> 00:00:35,340
Yes.

9
00:00:38,750 --> 00:00:42,240
Post dot comment.

10
00:00:43,730 --> 00:00:46,010
And for each.

11
00:00:48,270 --> 00:00:56,450
Plus in the callback function, I'm going to use arrow function and let me close the edges here.

12
00:00:56,490 --> 00:00:57,540
Likewise.

13
00:00:57,540 --> 00:00:58,050
Here.

14
00:00:59,600 --> 00:01:00,110
All right.

15
00:01:00,110 --> 00:01:06,140
So inside here, I'm going to cut the comment and paste it inside here.

16
00:01:06,140 --> 00:01:09,380
For the meantime, let's save it and see if it's going to work.

17
00:01:10,270 --> 00:01:12,770
And you can see that indeed it worked.

18
00:01:12,790 --> 00:01:16,780
We have one comment that has been created by me.

19
00:01:17,050 --> 00:01:21,040
So let's fill up with the real data about the comments.

20
00:01:21,040 --> 00:01:24,580
So here we have access to the individual comment.

21
00:01:24,850 --> 00:01:31,300
For the meantime, let's leave the creator of the comments and let's fill up the real data about the

22
00:01:31,300 --> 00:01:33,250
comments and let's have a look.

23
00:01:34,230 --> 00:01:42,690
So you're going to be able to comment and then dot description is message instead.

24
00:01:42,900 --> 00:01:45,390
As you saw inside the model.

25
00:01:45,930 --> 00:01:47,490
Let's refresh it.

26
00:01:48,700 --> 00:01:54,940
And this is a comment that has been created, and you can see that it has decreased the width of the

27
00:01:54,940 --> 00:01:59,550
container because it is taking the weight of the contents inside.

28
00:01:59,560 --> 00:02:03,060
But don't worry, we can use this to make it nice.

29
00:02:03,070 --> 00:02:05,730
So let's focus on the actual logic.

30
00:02:05,740 --> 00:02:09,280
Now we have the comment that we have added.

31
00:02:09,280 --> 00:02:11,800
What about the creator of the comment?

32
00:02:11,800 --> 00:02:19,600
So let's check what we got back from the API call and let's see how we can deduce about that.

33
00:02:19,600 --> 00:02:23,200
So let's look inside our terminal again.

34
00:02:24,550 --> 00:02:29,380
And for the comments we have the user or the creator of the comment.

35
00:02:29,560 --> 00:02:33,930
So we need to populate this one inside the comment.

36
00:02:33,940 --> 00:02:41,380
So we are going to use what is called nesting population or populate by using the nesting way.

37
00:02:41,410 --> 00:02:43,600
Let's get into that in the next video.