1
00:00:00,950 --> 00:00:07,400
Welcome back in this video, we're going to set up our news app to display the top news that are currently

2
00:00:07,400 --> 00:00:13,010
out there so you can see once I'm scrolling, by the way, you saw just for a brief moment, there was

3
00:00:13,010 --> 00:00:16,360
this top news image, which was just a placeholder.

4
00:00:16,370 --> 00:00:22,100
So we see that we have a placeholder, but then it's replaced with an actual image or whether the right

5
00:00:22,100 --> 00:00:23,980
image once it's ready.

6
00:00:23,990 --> 00:00:28,430
And in order to achieve that, we are going to use another dependency.

7
00:00:30,060 --> 00:00:36,930
Therefore, go over to your build that cradle news app and add the following dependency.

8
00:00:39,820 --> 00:00:46,900
So this will load a network URL and add the image basically once it's ready.

9
00:00:47,140 --> 00:00:47,470
All right.

10
00:00:47,470 --> 00:00:51,010
So that's what this dependency can do for us.

11
00:00:51,460 --> 00:00:55,690
So now what we can do is we can update our top news.

12
00:00:56,020 --> 00:00:56,920
Katy file.

13
00:00:57,460 --> 00:00:57,790
All right.

14
00:00:57,850 --> 00:01:05,410
So here in our top news item, we are getting the new statement, why we were using the new data that

15
00:01:05,410 --> 00:01:06,700
we manually created.

16
00:01:06,700 --> 00:01:08,440
So our dummy data, so to speak.

17
00:01:08,650 --> 00:01:13,600
So now let's replace that with article the top news article.

18
00:01:14,440 --> 00:01:19,480
So now the piece of data that we're giving is going to be of more value.

19
00:01:20,020 --> 00:01:27,460
And the article also has an image, but the image has a different name because it's called the URL to

20
00:01:27,460 --> 00:01:27,820
image.

21
00:01:28,420 --> 00:01:33,760
So now the image is of type URL to image, which just means that it is slightly different.

22
00:01:34,330 --> 00:01:37,990
So we need to now change the entire image thing.

23
00:01:38,470 --> 00:01:44,590
So this will not be an image anymore, but it will be a coil image and coil image is a new class that

24
00:01:44,590 --> 00:01:52,570
is made available to us because we just changed what we just added the namespace to it or the the dependency

25
00:01:52,570 --> 00:01:52,930
to it.

26
00:01:53,590 --> 00:01:54,010
All right.

27
00:01:54,250 --> 00:01:57,340
So now once you want to use image, you need to import it.

28
00:01:57,700 --> 00:02:05,080
And this will then not be of type, paint a resource, but actually of type image model so we can just

29
00:02:05,080 --> 00:02:05,470
pass.

30
00:02:06,040 --> 00:02:09,190
Let me actually build this thing from scratch, and I think it makes more sense.

31
00:02:09,490 --> 00:02:15,220
So we had the image, but now we're going to use the coil image like so and now this image needs a couple

32
00:02:15,220 --> 00:02:15,910
of parameters.

33
00:02:15,940 --> 00:02:18,670
So first of all, the image model?

34
00:02:18,850 --> 00:02:19,330
All right.

35
00:02:19,330 --> 00:02:24,010
And the image model will be from our article dot URL to image.

36
00:02:24,520 --> 00:02:31,140
So this is the actual image, then I'm going to set the scale.

37
00:02:31,150 --> 00:02:35,740
So how do I want to scale the image and I'm going to say crop the image.

38
00:02:35,740 --> 00:02:37,690
So content scale.

39
00:02:40,620 --> 00:02:46,520
And going to use crop here, then we need to say what we want to use as the era image.

40
00:02:46,530 --> 00:02:49,860
So if there isn't an arrow, what image do we want to use?

41
00:02:50,130 --> 00:02:57,030
And I'm just going to use an image that we have in our image resources, which is the one that we have

42
00:02:57,030 --> 00:03:03,720
used before, which was this our thought, the Wrobel thought breaking news.

43
00:03:04,770 --> 00:03:07,770
And in order for this to be available, we need to import Ah.

44
00:03:08,280 --> 00:03:10,740
So let me make sure that they have that here.

45
00:03:12,100 --> 00:03:19,420
So import EU Dot Horrible's Thought News app thought are.

46
00:03:20,980 --> 00:03:24,370
OK, once we have our imported, this error here should disappear.

47
00:03:24,400 --> 00:03:25,630
All right, now we can use this.

48
00:03:25,990 --> 00:03:27,310
This is the arrow image.

49
00:03:27,310 --> 00:03:31,840
So if something went wrong, but then we also need to have the placeholder image.

50
00:03:31,870 --> 00:03:36,310
So there is this placeholder and you could use a different image, but I'm just going to use the same

51
00:03:36,610 --> 00:03:37,330
image here.

52
00:03:38,140 --> 00:03:41,620
So here this will be an image bitmap image source.

53
00:03:41,980 --> 00:03:43,060
With the breaking news.

54
00:03:43,420 --> 00:03:46,210
So that's really the cool thing about this coil image.

55
00:03:46,990 --> 00:03:47,320
All right.

56
00:03:47,590 --> 00:03:54,760
And then once we have added that, we need to make a change here in the top news item here at the top.

57
00:03:55,060 --> 00:04:02,830
Because now obviously we are not passing new data anymore, but we are passing our article all we want

58
00:04:02,830 --> 00:04:04,120
to pass our article here.

59
00:04:04,900 --> 00:04:09,550
So inside of articles, we are not using the items that we used before.

60
00:04:09,580 --> 00:04:13,720
So not much data, but instead we're using our articles.

61
00:04:15,470 --> 00:04:23,780
And we get the size from it, so this will give us all of the articles size and we're going through

62
00:04:23,780 --> 00:04:26,390
them one by one using the index.

63
00:04:27,650 --> 00:04:29,800
OK, so I'm going to get rid of this for now.

64
00:04:30,140 --> 00:04:32,390
But the articles, where do I get those articles from?

65
00:04:32,960 --> 00:04:37,310
Well, whenever I create the top news item, I can pass the articles to it.

66
00:04:37,850 --> 00:04:42,800
So I'm just going to say that I want to have articles, plural of type.

67
00:04:42,830 --> 00:04:47,240
Top news article So here we need to add that this is going to be a list.

68
00:04:47,510 --> 00:04:47,780
All right.

69
00:04:47,780 --> 00:04:51,320
So this will be a list of top news articles.

70
00:04:52,340 --> 00:04:57,140
And then this lazy column items with the articles makes sense of what this will do is it will go through

71
00:04:57,140 --> 00:04:59,540
all of the items and then one by one.

72
00:04:59,550 --> 00:05:03,880
So by index, it's going to add the top items.

73
00:05:04,310 --> 00:05:07,250
So top news items.

74
00:05:08,430 --> 00:05:16,230
And here the article will be the article at the next position, so articles at position of index will

75
00:05:16,230 --> 00:05:22,560
give me the current article and then we can also add an on click event here.

76
00:05:22,560 --> 00:05:23,940
But I'm not going to do that for now.

77
00:05:24,420 --> 00:05:25,620
I'm going to do that in a minute.

78
00:05:28,250 --> 00:05:36,770
So once we make this change, we will also need to make a change to our top new wall to preview.

79
00:05:37,460 --> 00:05:44,310
And instead of using news data, it's going to use our top news article and it doesn't have an I.D.

80
00:05:44,630 --> 00:05:45,890
So I'm going to get rid of that.

81
00:05:46,250 --> 00:05:49,370
It does, however, have an author, a title of description and publish it.

82
00:05:50,150 --> 00:05:53,240
So that's pretty much what we needed to change for it.

83
00:05:53,870 --> 00:06:00,290
Now, obviously inside of our top news item, we need to make some more changes here as well, because

84
00:06:00,290 --> 00:06:07,310
now we are not using our mock data anymore as the content for the publish ED and for the title and so

85
00:06:07,310 --> 00:06:07,670
forth.

86
00:06:08,090 --> 00:06:12,350
But we're going to use our article and the title position.

87
00:06:13,010 --> 00:06:14,570
So title like so.

88
00:06:15,380 --> 00:06:17,360
So we need to focus on it because it's another tool.

89
00:06:18,020 --> 00:06:22,370
And then here with the mock data where we are setting it to publish that.

90
00:06:22,370 --> 00:06:26,760
This will also be from the article when it was published at.

91
00:06:26,780 --> 00:06:27,830
And this is another bill.

92
00:06:27,830 --> 00:06:32,150
So we need to focus on it as well, because if you look at it, publish it is another bill.

93
00:06:32,660 --> 00:06:37,730
So you could of course, check if it's null or not at this point to really make sure that it's good.

94
00:06:38,210 --> 00:06:40,790
So now we have gotten rid of the errors that we had.

95
00:06:40,880 --> 00:06:44,300
I think we should be fine, at least with the top news now.

96
00:06:45,980 --> 00:06:46,910
Pretty much, yeah.

97
00:06:46,970 --> 00:06:51,950
So you see, we are passing the article to every single top news item, which is why is it just an article

98
00:06:51,950 --> 00:06:53,420
and not the articles list?

99
00:06:53,810 --> 00:06:54,590
So that's great.

100
00:06:56,770 --> 00:07:07,550
So now let's provides the top news list to our top news composable in the news app itself.

101
00:07:07,570 --> 00:07:15,580
So let's go over to the news app so you can just enter news app here before you do that.

102
00:07:15,910 --> 00:07:19,720
You can while you have to press the shift, key ways to get to this part.

103
00:07:20,140 --> 00:07:22,330
So that's where we had our navigation, right?

104
00:07:22,330 --> 00:07:27,700
So the nav controller with, well, this one here nav graph builder with our bottom navigation because

105
00:07:27,700 --> 00:07:31,160
here we are using top news, but not in the format that they were intended.

106
00:07:31,170 --> 00:07:32,620
What did they were expected?

107
00:07:32,980 --> 00:07:35,080
So here we need to pass the articles as well.

108
00:07:35,590 --> 00:07:38,500
So where do we get those articles from at this point?

109
00:07:39,970 --> 00:07:44,930
And we get them from the bottom navigation itself.

110
00:07:44,950 --> 00:07:50,680
So here I'm going to get all articles again, which will be a list of top news articles.

111
00:07:53,390 --> 00:07:59,390
OK, so, Mike, so and now we should be good, but now we obviously need to pass the top news articles

112
00:07:59,390 --> 00:08:01,280
to this an aircraft builder as well.

113
00:08:01,910 --> 00:08:08,840
So in here inside of our navigation function, in the compose function, we need to pass not only the

114
00:08:08,840 --> 00:08:12,140
nav controller, but also the articles.

115
00:08:12,620 --> 00:08:13,940
So let's pass them here.

116
00:08:14,150 --> 00:08:17,540
Articles like so and the articles can be empty.

117
00:08:17,550 --> 00:08:23,300
So this will crash our entire application so we can surrounded with a object like so or what we can

118
00:08:23,300 --> 00:08:26,330
do on the level even before that.

119
00:08:26,750 --> 00:08:30,200
So here we can check the articles if they are empty.

120
00:08:30,200 --> 00:08:37,909
So articles as a Nullarbor, we used to let to now surround all of this Navajo code with this letter.

121
00:08:38,179 --> 00:08:41,240
OK, so we're just saying, OK, check the article if it's empty or not.

122
00:08:41,990 --> 00:08:47,210
And here with my bottom navigation, I'm going to use a slightly different approach here.

123
00:08:47,630 --> 00:08:53,810
So as the starting of the destination, we so far used our top news, right?

124
00:08:54,050 --> 00:09:02,210
So instead, what I'm going to use is going to be the bottom screen menu or the menu screen like this?

125
00:09:02,930 --> 00:09:05,120
Take the top news and the route from it.

126
00:09:06,140 --> 00:09:09,890
And then I'm going to also add a modifier here with a little bit of padding.

127
00:09:10,130 --> 00:09:16,610
So modifier doors, padding of whatever the padding values are that we are passing in here.

128
00:09:17,030 --> 00:09:22,010
So we need to pass the padding values to our navigation up here as well.

129
00:09:22,470 --> 00:09:27,200
So this will just give a little bit of padding to our navigation items.

130
00:09:27,290 --> 00:09:32,270
So here it's going to be this one like so padding values.

131
00:09:35,450 --> 00:09:40,850
Now, the main screen will not be happy about that, because now here in our main screen navigation,

132
00:09:41,240 --> 00:09:43,370
we are not passing the padding.

133
00:09:43,820 --> 00:09:48,230
So what I'm going to do is I'm going to set the padding values to it.

134
00:09:48,860 --> 00:09:53,600
What do I get it from while I get it from it, putting values right here?

135
00:09:54,860 --> 00:09:59,420
So that's what this it's putting values is going to be, and then it should be fine.

136
00:10:02,250 --> 00:10:09,210
All right, now, this will give us the news, but you see here the top news does something not quite

137
00:10:09,210 --> 00:10:15,930
right with Tyler Composable here we are just getting rid of it because our bottom and your screen top

138
00:10:15,930 --> 00:10:20,250
news, our default composable are the default navigation item.

139
00:10:20,250 --> 00:10:22,080
Anyway, so right the start destination.

140
00:10:22,080 --> 00:10:24,960
So we don't need to set it up here manually anymore.

141
00:10:25,530 --> 00:10:31,120
But what we will need to change is this composable news I.D. Because now we're not using the news I.D.

142
00:10:31,170 --> 00:10:36,540
anymore as the argument, as the nav argument, but instead we're going to use the index.

143
00:10:37,260 --> 00:10:41,490
OK, so the index replace it here as well and here.

144
00:10:41,910 --> 00:10:48,180
So now here, instead of using used data, I'm going to use my articles right and I get them from Index

145
00:10:48,630 --> 00:10:51,000
Dot and this will not be the ID anymore.

146
00:10:51,030 --> 00:10:54,930
This will be actually the index because we get the integer called index the key.

147
00:10:55,410 --> 00:11:03,270
And we're going to check if it's empty and if it's not empty, then we're going to get the article from

148
00:11:03,270 --> 00:11:12,060
it, which will be articles at the position of index and then we're going to display the details screen.

149
00:11:12,930 --> 00:11:17,850
So here this line and with the article now.

150
00:11:20,320 --> 00:11:22,120
So here this will be the article.

151
00:11:23,220 --> 00:11:27,150
Now, let's look at the details screen, because the details screen still things it needs new data,

152
00:11:27,420 --> 00:11:30,660
but instead what it will require is going to be the article.

153
00:11:31,230 --> 00:11:39,780
All right, so here we need to replace this news data with an article of type news or top news article.

154
00:11:40,960 --> 00:11:43,900
I know that we are getting the article to our detailed screen.

155
00:11:44,260 --> 00:11:49,210
We need to make changes to every point where we used the news data before, because now we're going

156
00:11:49,210 --> 00:11:50,710
to use the article for it, right?

157
00:11:51,130 --> 00:11:56,830
So instead of an image, we're going to use a coil image because we need to load the image again, and

158
00:11:56,830 --> 00:12:00,130
we have seen how to set up a coil image before.

159
00:12:01,440 --> 00:12:03,300
And that was inside of our top news.

160
00:12:03,630 --> 00:12:09,660
So let me just take this image from there, and we're just going to do the same thing, so we're going

161
00:12:09,660 --> 00:12:14,100
to get the article that is passed to us to the details screen, which is of type top news article.

162
00:12:14,100 --> 00:12:15,060
It has a URL.

163
00:12:15,330 --> 00:12:16,710
We're going to crop the image.

164
00:12:17,130 --> 00:12:19,650
We're going to have a breaking news hero image.

165
00:12:19,650 --> 00:12:23,850
So in case we don't have an image and then as a placeholder, we're going to use that image as well.

166
00:12:24,300 --> 00:12:30,510
And then in the role itself, where we are setting the info with Icon now instead of, say, setting

167
00:12:30,510 --> 00:12:34,620
the new state to author, we're going to set the article author.

168
00:12:34,740 --> 00:12:42,480
So article the author, which I'm going to check if it's empty, then I'm going to say not available.

169
00:12:44,930 --> 00:12:49,160
And otherwise, I'm going to display the author because this envoys of type string rates who can see

170
00:12:49,160 --> 00:12:49,490
here.

171
00:12:49,820 --> 00:12:52,790
So this is just an if clause, if exists.

172
00:12:52,790 --> 00:12:55,850
So if author exists, use author, otherwise use not available.

173
00:12:56,390 --> 00:13:00,020
And then I'm going to set the scene for the published at date.

174
00:13:00,230 --> 00:13:04,310
Not the same entirely, but just the article that published at.

175
00:13:04,310 --> 00:13:06,620
And this is another bill, so we need to force unwrap it.

176
00:13:07,250 --> 00:13:09,440
OK, now we can set the texts down here.

177
00:13:09,860 --> 00:13:15,000
All right, so text article will the article the title and there's another bill.

178
00:13:15,020 --> 00:13:20,420
So let's check if it's empty and then just say not available.

179
00:13:22,630 --> 00:13:24,820
And the same goes for the description.

180
00:13:25,630 --> 00:13:28,720
So let's get article thought description.

181
00:13:31,640 --> 00:13:35,750
And check if it's empty and if it is said it's not available.

182
00:13:37,100 --> 00:13:37,830
All right.

183
00:13:37,850 --> 00:13:44,370
And now our screen preview will obviously need to be changed as well.

184
00:13:44,390 --> 00:13:49,940
So now, instead of using the news data for digital screen, we are going to use our top news article,

185
00:13:50,240 --> 00:13:53,960
which needs to have a default author and all of that stuff.

186
00:13:53,960 --> 00:13:56,840
So I'm just going to set the same values that we had before.

187
00:13:57,110 --> 00:13:59,120
Author, title description and so forth.

188
00:13:59,690 --> 00:14:01,440
So it was just a top news article.

189
00:14:01,460 --> 00:14:07,640
Well, you could just go back like this and replace news data with top news article and get rid of the

190
00:14:07,640 --> 00:14:11,210
source number or the idea because we're not passing the source.

191
00:14:12,050 --> 00:14:18,200
OK, and that's the beauty about using named parameters and instead of using positional parameters.

192
00:14:21,500 --> 00:14:26,910
OK, now if we go back to our news app, we will see that the details screen, she seems to be fine.

193
00:14:26,930 --> 00:14:36,020
There we are, passing our index now instead of the I.D. and let's just see if we have any errors because

194
00:14:36,050 --> 00:14:39,020
might very well be that I missed something somewhere.

195
00:14:41,240 --> 00:14:46,310
But if not, then we should see the news as well as we should be able to click on to the news in order

196
00:14:46,310 --> 00:14:47,690
to get to the details screen.

197
00:14:51,150 --> 00:14:51,690
So.

198
00:14:53,390 --> 00:14:54,050
There we are.

199
00:14:54,110 --> 00:15:00,290
You saw the placeholder first and then you saw or you see the details here.

200
00:15:00,320 --> 00:15:00,800
All right.

201
00:15:00,830 --> 00:15:03,140
Or the top news, so let's click into one.

202
00:15:04,340 --> 00:15:08,150
And you see, the clicking itself doesn't seem to work yet, so we need to check that out.

203
00:15:10,470 --> 00:15:17,190
And that is obviously because in the top news, if you recall, we didn't set up an on click.

204
00:15:18,180 --> 00:15:20,510
So we have this news on news click.

205
00:15:20,520 --> 00:15:27,900
But then in the top news itself, let me see this was on the top news item in the top news itself here.

206
00:15:28,620 --> 00:15:31,380
We need to define it on news click event.

207
00:15:31,980 --> 00:15:33,000
So on news, click.

208
00:15:34,120 --> 00:15:38,050
So once we click on any of the news and here, I need to separate this.

209
00:15:38,800 --> 00:15:40,900
So let me see here on news clip this one.

210
00:15:41,620 --> 00:15:44,620
So we didn't implement it, we didn't add anything in there.

211
00:15:45,040 --> 00:15:52,240
So what I'm going to do is I'm going to use my nav controller and navigate to the detail.

212
00:15:55,190 --> 00:15:56,540
Slash index.

213
00:15:58,460 --> 00:15:58,810
OK.

214
00:16:01,400 --> 00:16:08,900
And this has still to go inside of this bracket, so here there was a closing bracket, but it has to

215
00:16:08,900 --> 00:16:10,430
go into the top news item.

216
00:16:11,150 --> 00:16:13,880
So here separated with a comma, that should be fine.

217
00:16:14,630 --> 00:16:18,650
OK, so now let's see if we can actually do an on click.

218
00:16:18,800 --> 00:16:22,430
And I'm going to go over what we just built because it was like it was quite a bit.

219
00:16:22,940 --> 00:16:24,980
We had to make quite some changes, right?

220
00:16:25,430 --> 00:16:28,760
So now let's click onto an item and we see we are in the details screen now.

221
00:16:28,760 --> 00:16:34,460
You could also limit the amount of letters that you have for when it was or who wrote it, and then

222
00:16:34,460 --> 00:16:35,480
like when it was published.

223
00:16:35,480 --> 00:16:37,460
So this doesn't look too great, right?

224
00:16:37,850 --> 00:16:40,790
But that's something that is quite easy to fix.

225
00:16:41,690 --> 00:16:44,540
OK, so now let's look over what we just did.

226
00:16:44,850 --> 00:16:47,360
Well, first of all, we added the new dependency.

227
00:16:47,990 --> 00:16:53,840
Then we had to go to our top news and make a bunch of changes to how such top news looked like because

228
00:16:53,840 --> 00:16:56,240
before we were using our fake data.

229
00:16:56,240 --> 00:16:59,270
But now we are getting the entire list of all articles.

230
00:16:59,660 --> 00:17:02,210
I know inside of this column we're going to display the articles.

231
00:17:02,510 --> 00:17:08,990
So now we check out how many articles that we get and we go through every single one of them and create

232
00:17:08,990 --> 00:17:09,950
a top news item.

233
00:17:10,099 --> 00:17:15,560
So what this does is it goes through the entire list of articles, and for every single one of them,

234
00:17:15,560 --> 00:17:17,210
it's going to create the top news item.

235
00:17:17,210 --> 00:17:24,829
What passes the article based on its index or on its position off the list that we have and makes every

236
00:17:24,829 --> 00:17:26,089
single one of them clickable?

237
00:17:26,540 --> 00:17:30,950
And once we click on them, we use our nav controller to navigate.

238
00:17:31,100 --> 00:17:36,920
So we use this top news nav controller that we pass and then we navigate to a specific route.

239
00:17:37,040 --> 00:17:40,460
As we've seen before, so this is just to a different page, so to speak.

240
00:17:40,730 --> 00:17:45,170
So we're going to the details page, but with the index itself.

241
00:17:45,620 --> 00:17:51,250
So then we also needed to change to individual top news item to now not use an image, but the coil

242
00:17:51,260 --> 00:17:55,310
image, which allows us to use the arrow image and the placeholder image.

243
00:17:55,640 --> 00:17:59,390
And instead of using the dummy data image, we used an u.

244
00:17:59,390 --> 00:17:59,750
URL.

245
00:17:59,750 --> 00:18:00,920
So that's a cool thing.

246
00:18:00,930 --> 00:18:06,800
This image just takes this URL and makes an image out of it, because as soon or as long as this URL

247
00:18:07,070 --> 00:18:13,190
actually contains an image, then obviously we needed to make a couple of changes here as well to not

248
00:18:13,190 --> 00:18:18,950
use the mock data anymore, but well to not use the dummy data, but the article data.

249
00:18:21,650 --> 00:18:26,660
And then in the news app itself, we needed to make a couple of changes to the navigation because now

250
00:18:26,660 --> 00:18:31,730
what I'm just saying is that I'm not going to set that as default and the former that we did before,

251
00:18:31,730 --> 00:18:38,240
but I'm just going to set it directly as the start of destination as the well with our route itself.

252
00:18:38,690 --> 00:18:42,320
And I'm adding a little bit of padding, which we just added here as well.

253
00:18:42,320 --> 00:18:49,010
So the padding values that we are now passing in here, which is something that we get directly from

254
00:18:49,010 --> 00:18:50,210
our scaffold itself.

255
00:18:50,220 --> 00:18:56,240
So it gives us the padding values here which setting that to it and then we're using it very nicely.

256
00:18:58,510 --> 00:19:03,580
On top of that, obviously, we need now to pass the articles to our bottom navigation so that we can

257
00:19:03,580 --> 00:19:07,060
then access them so we pass it to the bottom navigation.

258
00:19:07,060 --> 00:19:13,240
Here you see it used the nav controller, as well as all of the articles of our type news or top news

259
00:19:13,240 --> 00:19:17,240
article to then pass them to the composable here.

260
00:19:17,260 --> 00:19:22,720
So here you see we are creating this top news page, but this top news page needs to know which articles

261
00:19:22,720 --> 00:19:23,500
it needs to display.

262
00:19:23,500 --> 00:19:28,300
That's why we're passing it to it, which is why we passed it to the bottom navigation before.

263
00:19:28,870 --> 00:19:34,300
So where we call it here, we needed to pass it there and in order to be able to use it here, we got

264
00:19:34,300 --> 00:19:40,570
them and we get them from well, from our response or from the internet connection that we have for

265
00:19:40,750 --> 00:19:43,270
using retrofit that we have set up in the last video.

266
00:19:43,750 --> 00:19:44,140
All right.

267
00:19:44,140 --> 00:19:49,690
So the explanation itself was quite long, but that's really what we were basically done now for this

268
00:19:49,690 --> 00:19:50,110
video.

269
00:19:50,440 --> 00:19:54,580
And then you see, we just need to set up the categories and the sources still.

270
00:19:55,030 --> 00:19:56,170
So see you in the next one.