Skip to content

Commit 365b6da

Browse files
mayurgrexitmayurgrexit
committed
episode data comes from dummy data
1 parent a2a5aa3 commit 365b6da

File tree

2 files changed

+251
-9
lines changed

2 files changed

+251
-9
lines changed

‎src/HomeScreen.js

+14-4
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ class HomeScreen extends Component {
2525

2626
this.state = {
2727
data: data,
28+
activeSeries: -1,
2829
activeImage: null,
2930
showCloseIcon: false,
3031
isModalVisible: false,
@@ -48,8 +49,9 @@ class HomeScreen extends Component {
4849
}
4950

5051
_renderEpisodeItem = ({ item, index }) => {
52+
console.log("episode item", item);
5153
const { styles } = this.state
52-
const { title, imageUrl } = item
54+
const { title, imageUrl, rating, pricing } = item
5355

5456
return (
5557
<View style={{ flexDirection: 'row', marginBottom: 10 }} >
@@ -61,12 +63,12 @@ class HomeScreen extends Component {
6163
<Image
6264
style={styles.ratingIcon}
6365
source={require('./img/star.png')}></Image>
64-
<Text style={styles.ratingText} category="s2">9.3</Text>
66+
<Text style={styles.ratingText} category="s2">{rating}</Text>
6567
</View>
6668
</View>
6769

6870
<View style={{ flex: 1 }}>
69-
<Text style={styles.pricingText} category="s1">$9.87</Text>
71+
<Text style={styles.pricingText} category="s1">{pricing}</Text>
7072
<Button
7173
status="white"
7274
size="tiny"
@@ -85,7 +87,13 @@ class HomeScreen extends Component {
8587

8688
_showModal() {
8789
const { styles } = this.state
90+
const { activeSeries } = this.state
91+
// console.log("activeseries", activeSeries);
92+
// console.log("activeseries state", this.state);
8893

94+
// const { episodes } = this.state.data[]
95+
const episodes = activeSeries > -1 ? this.state.data[activeSeries].episodes : []
96+
console.log("activeseries episodes", episodes);
8997
return (
9098
<View style={{ flex: 1 }}>
9199
<Modal
@@ -102,7 +110,7 @@ class HomeScreen extends Component {
102110
{this._showCloseIcon()}
103111
</View>
104112
<FlatList
105-
data={this.state.data}
113+
data={episodes}
106114
keyExtractor={this._keyExtractor}
107115
renderItem={this._renderEpisodeItem}
108116
showsVerticalScrollIndicator={false}
@@ -115,6 +123,7 @@ class HomeScreen extends Component {
115123
}
116124

117125
_openImage = (index) => {
126+
this.setState({ activeSeries: index })
118127
const ref = this.allImagesRefs[index]
119128
ref.measure((x, y, width, height, pageX, pageY) => {
120129
this.oldPosition.x = pageX
@@ -193,6 +202,7 @@ class HomeScreen extends Component {
193202
_closeImage = () => {
194203
this.setState({ showCloseIcon: false })
195204
this.setState({ isModalVisible: false })
205+
this.setState({ activeSeries: -1 })
196206
Animated.parallel([
197207
Animated.timing(this.position.x, {
198208
toValue: this.oldPosition.x,

‎src/dummyData.js

+237-5
Original file line numberDiff line numberDiff line change
@@ -2,22 +2,254 @@ export const data = [
22
{
33
title: "Breaking Bad",
44
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-1.jpg",
5-
episodes: []
5+
episodes: [
6+
{
7+
title: "Episode 1",
8+
rating: "9.2",
9+
pricing: "$5.32",
10+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
11+
},
12+
{
13+
title: "Episode 2",
14+
rating: "9.7",
15+
pricing: "$6.11",
16+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
17+
},
18+
{
19+
title: "Episode 3",
20+
rating: "8.9",
21+
pricing: "$6.24",
22+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
23+
},
24+
{
25+
title: "Episode 4",
26+
rating: "8.3",
27+
pricing: "$6.60",
28+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
29+
},
30+
{
31+
title: "Episode 5",
32+
rating: "8.1",
33+
pricing: "$5.72",
34+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
35+
},
36+
{
37+
title: "Episode 6",
38+
rating: "9.2",
39+
pricing: "$5.13",
40+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
41+
}
42+
]
643
},
744
{
845
title: "Breaking Bad",
9-
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-1.jpg"
46+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
47+
episodes: [
48+
{
49+
title: "Episode 1",
50+
rating: "9.2",
51+
pricing: "$5.32",
52+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
53+
},
54+
{
55+
title: "Episode 2",
56+
rating: "9.7",
57+
pricing: "$6.11",
58+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
59+
},
60+
{
61+
title: "Episode 3",
62+
rating: "8.9",
63+
pricing: "$6.24",
64+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
65+
},
66+
{
67+
title: "Episode 4",
68+
rating: "8.3",
69+
pricing: "$6.60",
70+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
71+
},
72+
{
73+
title: "Episode 5",
74+
rating: "8.1",
75+
pricing: "$5.72",
76+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
77+
},
78+
{
79+
title: "Episode 6",
80+
rating: "9.2",
81+
pricing: "$5.13",
82+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
83+
}
84+
]
1085
},
1186
{
1287
title: "Breaking Bad",
13-
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-1.jpg"
88+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
89+
episodes: [
90+
{
91+
title: "Episode 1",
92+
rating: "9.2",
93+
pricing: "$5.32",
94+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
95+
},
96+
{
97+
title: "Episode 2",
98+
rating: "9.7",
99+
pricing: "$6.11",
100+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
101+
},
102+
{
103+
title: "Episode 3",
104+
rating: "8.9",
105+
pricing: "$6.24",
106+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
107+
},
108+
{
109+
title: "Episode 4",
110+
rating: "8.3",
111+
pricing: "$6.60",
112+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
113+
},
114+
{
115+
title: "Episode 5",
116+
rating: "8.1",
117+
pricing: "$5.72",
118+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
119+
},
120+
{
121+
title: "Episode 6",
122+
rating: "9.2",
123+
pricing: "$5.13",
124+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
125+
}
126+
]
14127
},
15128
{
16129
title: "Breaking Bad",
17-
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-1.jpg"
130+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
131+
episodes: [
132+
{
133+
title: "Episode 1",
134+
rating: "9.2",
135+
pricing: "$5.32",
136+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
137+
},
138+
{
139+
title: "Episode 2",
140+
rating: "9.7",
141+
pricing: "$6.11",
142+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
143+
},
144+
{
145+
title: "Episode 3",
146+
rating: "8.9",
147+
pricing: "$6.24",
148+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
149+
},
150+
{
151+
title: "Episode 4",
152+
rating: "8.3",
153+
pricing: "$6.60",
154+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
155+
},
156+
{
157+
title: "Episode 5",
158+
rating: "8.1",
159+
pricing: "$5.72",
160+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
161+
},
162+
{
163+
title: "Episode 6",
164+
rating: "9.2",
165+
pricing: "$5.13",
166+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
167+
}
168+
]
18169
},
19170
{
20171
title: "Breaking Bad",
21-
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-1.jpg"
172+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
173+
episodes: [
174+
{
175+
title: "Episode 1",
176+
rating: "9.2",
177+
pricing: "$5.32",
178+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
179+
},
180+
{
181+
title: "Episode 2",
182+
rating: "9.7",
183+
pricing: "$6.11",
184+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
185+
},
186+
{
187+
title: "Episode 3",
188+
rating: "8.9",
189+
pricing: "$6.24",
190+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
191+
},
192+
{
193+
title: "Episode 4",
194+
rating: "8.3",
195+
pricing: "$6.60",
196+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
197+
},
198+
{
199+
title: "Episode 5",
200+
rating: "8.1",
201+
pricing: "$5.72",
202+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
203+
},
204+
{
205+
title: "Episode 6",
206+
rating: "9.2",
207+
pricing: "$5.13",
208+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
209+
}
210+
]
22211
},
212+
{
213+
title: "Breaking Bad",
214+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
215+
episodes: [
216+
{
217+
title: "Episode 1",
218+
rating: "9.2",
219+
pricing: "$5.32",
220+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
221+
},
222+
{
223+
title: "Episode 2",
224+
rating: "9.7",
225+
pricing: "$6.11",
226+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
227+
},
228+
{
229+
title: "Episode 3",
230+
rating: "8.9",
231+
pricing: "$6.24",
232+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
233+
},
234+
{
235+
title: "Episode 4",
236+
rating: "8.3",
237+
pricing: "$6.60",
238+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
239+
},
240+
{
241+
title: "Episode 5",
242+
rating: "8.1",
243+
pricing: "$5.72",
244+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
245+
},
246+
{
247+
title: "Episode 6",
248+
rating: "9.2",
249+
pricing: "$5.13",
250+
imageUrl: "https://www.thetvdb.com/banners/_cache/fanart/original/81189-3.jpg",
251+
}
252+
]
253+
},
254+
23255
]

0 commit comments

Comments
 (0)