Passed
Push — feature/preseason-2020-2021 ( 0f5b63...815229 )
by Kevin Van
04:18
created

GamesPage.render   B

Complexity

Conditions 1

Size

Total Lines 292
Code Lines 271

Duplication

Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
eloc 271
dl 0
loc 292
rs 7
c 0
b 0
f 0
cc 1

How to fix   Long Method   

Long Method

Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.

For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.

Commonly applied refactorings include:

1
import React, { Component } from "react"
2
3
import Layout from "../layouts/index"
4
5
import SEO from "../components/seo"
6
import MatchWithLogo from "../components/match-with-logo"
7
8
class GamesPage extends Component {
9
  render() {
10
    const wedstrijd1 = {
11
      region: "bra",
12
      division: "BVZ",
13
      dateTime: 1596044700000,
14
      home: "KCVV Elewijt A",
15
      away: "Verbroedering Hofstade",
16
      resultHome: "",
17
      resultAway: "",
18
      status: "",
19
      // matchDay,
20
      regNumberHome: "00055",
21
      regNumberAway: "03526",
22
    }
23
    const wedstrijd2 = {
24
      region: "bra",
25
      division: "FR",
26
      dateTime: 1596650400000,
27
      home: "KCVV Elewijt A",
28
      away: "Sporting Kampenhout",
29
      resultHome: "",
30
      resultAway: "",
31
      status: "",
32
      // matchDay,
33
      regNumberHome: "00055",
34
      regNumberAway: "02615",
35
    }
36
    const wedstrijd3 = {
37
      region: "bra",
38
      division: "BVZ",
39
      dateTime: 1596735000000,
40
      home: "FC Zemst Sp.",
41
      away: "KCVV Elewijt A",
42
      resultHome: "",
43
      resultAway: "",
44
      status: "",
45
      // matchDay,
46
      regNumberHome: "03746",
47
      regNumberAway: "00055",
48
    }
49
    const wedstrijd4 = {
50
      region: "bra",
51
      division: "BCA",
52
      dateTime: 1596981600000,
53
      home: "KCVV Elewijt A",
54
      away: "FC Galmaarden A",
55
      resultHome: "",
56
      resultAway: "",
57
      status: "",
58
      // matchDay,
59
      regNumberHome: "00055",
60
      regNumberAway: "05334",
61
    }
62
    const wedstrijd5 = {
63
      region: "bra",
64
      division: "ESCA",
65
      dateTime: 1596981600000,
66
      home: "KCVV Elewijt B",
67
      away: "KFC Wambeek Ternat B",
68
      resultHome: "",
69
      resultAway: "",
70
      status: "",
71
      // matchDay,
72
      regNumberHome: "00055",
73
      regNumberAway: "05661",
74
    }
75
    const wedstrijd6 = {
76
      region: "bra",
77
      division: "FR",
78
      dateTime: 1597255200000,
79
      home: "KCVV Elewijt A",
80
      away: "FC Melsbroek A",
81
      resultHome: "",
82
      resultAway: "",
83
      status: "",
84
      // matchDay,
85
      regNumberHome: "00055",
86
      regNumberAway: "05659",
87
    }
88
    const wedstrijd7 = {
89
      region: "bra",
90
      division: "FR",
91
      dateTime: 1597339800000,
92
      home: "SK Rapid Leest",
93
      away: "KCVV Elewijt A",
94
      resultHome: "",
95
      resultAway: "",
96
      status: "",
97
      // matchDay,
98
      regNumberHome: "03737",
99
      regNumberAway: "00055",
100
    }
101
    const wedstrijd9 = {
102
      region: "bra",
103
      division: "ESCA",
104
      dateTime: 1597510800000,
105
      home: "VV Kester-Gooik B",
106
      away: "KCVV Elewijt B",
107
      resultHome: "",
108
      resultAway: "",
109
      status: "",
110
      // matchDay,
111
      regNumberHome: "05921",
112
      regNumberAway: "00055",
113
    }
114
    const wedstrijd10 = {
115
      region: "bra",
116
      division: "BCA",
117
      dateTime: 1597586400000,
118
      home: "FC Herne A",
119
      away: "KCVV Elewijt A",
120
      resultHome: "",
121
      resultAway: "",
122
      status: "",
123
      // matchDay,
124
      regNumberHome: "05934",
125
      regNumberAway: "00055",
126
    }
127
    const wedstrijd11 = {
128
      region: "bra",
129
      division: "FR",
130
      dateTime: 1597945500000,
131
      home: "KFC Rhodienne - De Hoek A",
132
      away: "KCVV Elewijt A",
133
      resultHome: "",
134
      resultAway: "",
135
      status: "",
136
      // matchDay,
137
      regNumberHome: "00006",
138
      regNumberAway: "00055",
139
    }
140
    const wedstrijd12 = {
141
      region: "bra",
142
      division: "BCA",
143
      dateTime: 1598191200000,
144
      home: "KCVV Elewijt A",
145
      away: "VC Groot Dilbeek A",
146
      resultHome: "",
147
      resultAway: "",
148
      status: "",
149
      // matchDay,
150
      regNumberHome: "00055",
151
      regNumberAway: "06325",
152
    }
153
    const wedstrijd13 = {
154
      region: "bra",
155
      division: "ESCA",
156
      dateTime: 1598191200000,
157
      home: "KCVV Elewijt B",
158
      away: "Sp. Eizeringen B",
159
      resultHome: "",
160
      resultAway: "",
161
      status: "",
162
      // matchDay,
163
      regNumberHome: "00055",
164
      regNumberAway: "07579",
165
    }
166
    const wedstrijd14 = {
167
      region: "bra",
168
      division: "BCA",
169
      dateTime: 1598796000000,
170
      home: "FC Borght-Humbeek A",
171
      away: "KCVV Elewijt A",
172
      resultHome: "",
173
      resultAway: "",
174
      status: "",
175
      // matchDay,
176
      regNumberHome: "00039",
177
      regNumberAway: "00055",
178
    }
179
    const wedstrijd15 = {
180
      region: "bra",
181
      division: "ESCA",
182
      dateTime: 1598796000000,
183
      home: "VK Borchtlombeek B",
184
      away: "KCVV Elewijt B",
185
      resultHome: "",
186
      resultAway: "",
187
      status: "",
188
      // matchDay,
189
      regNumberHome: "07941",
190
      regNumberAway: "00055",
191
    }
192
    const wedstrijd16 = {
193
      region: "bra",
194
      division: "FR",
195
      dateTime: 1596562200000,
196
      home: "SK Heffen",
197
      away: "KCVV Elewijt B",
198
      resultHome: "",
199
      resultAway: "",
200
      status: "",
201
      // matchDay,
202
      regNumberHome: "03738",
203
      regNumberAway: "00055",
204
    }
205
    const wedstrijd17 = {
206
      region: "bra",
207
      division: "FR",
208
      dateTime: 1596736800000,
209
      home: "SK Laar",
210
      away: "KCVV Elewijt B",
211
      resultHome: "",
212
      resultAway: "",
213
      status: "",
214
      // matchDay,
215
      regNumberHome: "R61054",
216
      regNumberAway: "00055",
217
    }
218
    const wedstrijd18 = {
219
      region: "bra",
220
      division: "FR",
221
      dateTime: 1597080600000,
222
      home: "KCVV Elewijt B",
223
      away: "KFC Katelijne-Waver B",
224
      resultHome: "",
225
      resultAway: "",
226
      status: "",
227
      // matchDay,
228
      regNumberHome: "00055",
229
      regNumberAway: "04453",
230
    }
231
    const wedstrijd19 = {
232
      region: "bra",
233
      division: "FR",
234
      dateTime: 1597685400000,
235
      home: "KCVV Elewijt B",
236
      away: "KFC Malderen B",
237
      resultHome: "",
238
      resultAway: "",
239
      status: "",
240
      // matchDay,
241
      regNumberHome: "00055",
242
      regNumberAway: "03794",
243
    }
244
    const wedstrijd20 = {
245
      region: "bra",
246
      division: "FR",
247
      dateTime: 1598464800000,
248
      home: "KCVV Elewijt B",
249
      away: "FC St Jozef Londerzeel B",
250
      resultHome: "",
251
      resultAway: "",
252
      status: "",
253
      // matchDay,
254
      regNumberHome: "00055",
255
      regNumberAway: "03959",
256
    }
257
    const wedstrijd21 = {
258
      region: "bra",
259
      division: "FR",
260
      dateTime: 1598461200000,
261
      home: "KCVV Elewijt A",
262
      away: "KV Mechelen Beloften",
263
      resultHome: "",
264
      resultAway: "",
265
      status: "",
266
      // matchDay,
267
      regNumberHome: "00055",
268
      regNumberAway: "00025",
269
    }
270
    return (
271
      <Layout>
272
        <SEO
273
          lang="nl-BE"
274
          title="Matchoverzicht voorbereiding"
275
          description="Overzicht van alle gespeelde en toekomstige wedstrijden tijdens de voorbereiding van het nieuwe seizoen."
276
          path={this.props.location.pathname}
277
        />
278
        <div className={"games__template"}>
279
          <MatchWithLogo match={wedstrijd1} />
280
          <MatchWithLogo match={wedstrijd16} />
281
          <MatchWithLogo match={wedstrijd2} />
282
          <MatchWithLogo match={wedstrijd3} />
283
          <MatchWithLogo match={wedstrijd17} />
284
          <MatchWithLogo match={wedstrijd4} />
285
          <MatchWithLogo match={wedstrijd5} />
286
          <MatchWithLogo match={wedstrijd18} />
287
          <MatchWithLogo match={wedstrijd6} />
288
          <MatchWithLogo match={wedstrijd7} />
289
          <MatchWithLogo match={wedstrijd9} />
290
          <MatchWithLogo match={wedstrijd10} />
291
          <MatchWithLogo match={wedstrijd19} />
292
          <MatchWithLogo match={wedstrijd11} />
293
          <MatchWithLogo match={wedstrijd12} />
294
          <MatchWithLogo match={wedstrijd13} />
295
          <MatchWithLogo match={wedstrijd21} />
296
          <MatchWithLogo match={wedstrijd20} />
297
          <MatchWithLogo match={wedstrijd14} />
298
          <MatchWithLogo match={wedstrijd15} />
299
        </div>
300
      </Layout>
301
    )
302
  }
303
}
304
305
export default GamesPage
306