GamesPage.render - Code Metrics - Inspection of "Merge branch 'develop' into feature/psd-api" - soniCaH/KCVV-Elewijt-Gatsby - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — feature/psd-api ( 32e3af...2ac100 )

by Kevin Van

created 2020-08-27 09:53 UTC

GamesPage.render B

↳ Parent: GamesPage

Complexity

Conditions

Size

Total Lines	205
Code Lines	186

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	186
dl	0
loc	205
rs	7
c	0
b	0
f	0
cc	1

How to fix Long Method

import React, { Component } from "react"

import Layout from "../layouts/index"

import SEO from "../components/seo"
import MatchWithLogo from "../components/match-with-logo"

class GamesPage extends Component {
  render() {
    // Previous matches
    const wedstrijd1 = {
      region: "bra",
      division: "FR",
      dateTime: 1597586400000,
      home: "KCVV Elewijt A",
      away: "KFC Meise A",
      resultHome: "5",
      resultAway: "3",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "01943",
    }
    const wedstrijd16 = {
      region: "bra",
      division: "FR",
      dateTime: 1597770000000,
      home: "SK Heffen",
      away: "KCVV Elewijt B",
      resultHome: "3",
      resultAway: "0",
      status: "",
      // matchDay,
      regNumberHome: "03738",
      regNumberAway: "00055",
    }
    const wedstrijd11 = {
      region: "bra",
      division: "FR",
      dateTime: 1597945500000,
      home: "KFC Rhodienne - De Hoek A",
      away: "KCVV Elewijt A",
      resultHome: "3",
      resultAway: "1",
      status: "",
      // matchDay,
      regNumberHome: "00006",
      regNumberAway: "00055",
    }

    // Next matches
    const wedstrijd6 = {
      region: "bra",
      division: "FR",
      dateTime: 1598191200000,
      home: "KCVV Elewijt A",
      away: "FC Melsbroek A",
      resultHome: "2",
      resultAway: "5",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "05659",
    }
    const wedstrijd21 = {
      region: "bra",
      division: "FR",
      dateTime: 1598461200000,
      home: "KCVV Elewijt A",
      away: "KV Mechelen Beloften",
      resultHome: "1",
      resultAway: "2",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "00025",
    }
    const wedstrijd20 = {
      region: "bra",
      division: "FR",
      dateTime: 1598464800000,
      home: "KCVV Elewijt B",
      away: "FC St Jozef Londerzeel B",
      resultHome: "3",
      resultAway: "1",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "03959",
    }
    const wedstrijd13 = {
      region: "bra",
      division: "FR",
      dateTime: 1598722200000,
      home: "SK Nossegem B",
      away: "KCVV Elewijt B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "06053",
      regNumberAway: "00055",
    }
    const wedstrijd22 = {
      region: "bra",
      division: "FR",
      dateTime: 1598796900000,
      home: "BOKA United A",
      away: "KCVV Elewijt A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "06439",
      regNumberAway: "00055",
    }
    const wedstrijd19 = {
      region: "bra",
      division: "FR",
      dateTime: 1598895000000,
      home: "KCVV Elewijt B",
      away: "KFC Malderen B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "03794",
    }
    const wedstrijd17 = {
      region: "bra",
      division: "FR",
      dateTime: 1599156000000,
      home: "SK Laar",
      away: "KCVV Elewijt B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "R61054",
      regNumberAway: "00055",
    }
    const wedstrijd23 = {
      region: "bra",
      division: "FR",
      dateTime: 1599156900000,
      home: "KCVV Elewijt A",
      away: "KSC Grimbergen A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "01021",
    }
    const wedstrijd2 = {
      region: "bra",
      division: "FR",
      dateTime: 1599397200000,
      home: "KCVV Elewijt A",
      away: "Sporting Kampenhout",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "02615",
    }
    const wedstrijd18 = {
      region: "bra",
      division: "FR",
      dateTime: 1599501600000,
      home: "KFC Katelijne-Waver B",
      away: "KCVV Elewijt B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "04453",
      regNumberAway: "00055",
    }

    return (
      <Layout>
        <SEO
          lang="nl-BE"
          title="Matchoverzicht voorbereiding"
          description="Overzicht van alle gespeelde en toekomstige wedstrijden tijdens de voorbereiding van het nieuwe seizoen."
          path={this.props.location.pathname}
        />
        <div className={"games__template"}>
          <p>
            De competitiestart werd uitgesteld naar het weekend van 12 en 13
            september 2020. Vanaf vrijdag 14 augustus 2020 hebben de Brabantse
            ploegen ook opnieuw groen licht gekregen om oefenwedstrijden te
            organiseren. Hieronder vind je het nieuwe oefenschema van KCVV
            Elewijt.
          </p>
          <MatchWithLogo match={wedstrijd1} />
          <MatchWithLogo match={wedstrijd16} />
          <MatchWithLogo match={wedstrijd11} />
          <MatchWithLogo match={wedstrijd6} />
          <MatchWithLogo match={wedstrijd21} />
          <MatchWithLogo match={wedstrijd20} />
          <MatchWithLogo match={wedstrijd13} />
          <MatchWithLogo match={wedstrijd22} />
          <MatchWithLogo match={wedstrijd19} />
          <MatchWithLogo match={wedstrijd17} />
          <MatchWithLogo match={wedstrijd23} />
          <MatchWithLogo match={wedstrijd2} />
          <MatchWithLogo match={wedstrijd18} />
        </div>
      </Layout>
    )
  }
}

export default GamesPage


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			// Previous matches
11			const wedstrijd1 = {
12			region: "bra",
13			division: "FR",
14			dateTime: 1597586400000,
15			home: "KCVV Elewijt A",
16			away: "KFC Meise A",
17			resultHome: "5",
18			resultAway: "3",
19			status: "",
20			// matchDay,
21			regNumberHome: "00055",
22			regNumberAway: "01943",
23			}
24			const wedstrijd16 = {
25			region: "bra",
26			division: "FR",
27			dateTime: 1597770000000,
28			home: "SK Heffen",
29			away: "KCVV Elewijt B",
30			resultHome: "3",
31			resultAway: "0",
32			status: "",
33			// matchDay,
34			regNumberHome: "03738",
35			regNumberAway: "00055",
36			}
37			const wedstrijd11 = {
38			region: "bra",
39			division: "FR",
40			dateTime: 1597945500000,
41			home: "KFC Rhodienne - De Hoek A",
42			away: "KCVV Elewijt A",
43			resultHome: "3",
44			resultAway: "1",
45			status: "",
46			// matchDay,
47			regNumberHome: "00006",
48			regNumberAway: "00055",
49			}
50
51			// Next matches
52			const wedstrijd6 = {
53			region: "bra",
54			division: "FR",
55			dateTime: 1598191200000,
56			home: "KCVV Elewijt A",
57			away: "FC Melsbroek A",
58			resultHome: "2",
59			resultAway: "5",
60			status: "",
61			// matchDay,
62			regNumberHome: "00055",
63			regNumberAway: "05659",
64			}
65			const wedstrijd21 = {
66			region: "bra",
67			division: "FR",
68			dateTime: 1598461200000,
69			home: "KCVV Elewijt A",
70			away: "KV Mechelen Beloften",
71			resultHome: "1",
72			resultAway: "2",
73			status: "",
74			// matchDay,
75			regNumberHome: "00055",
76			regNumberAway: "00025",
77			}
78			const wedstrijd20 = {
79			region: "bra",
80			division: "FR",
81			dateTime: 1598464800000,
82			home: "KCVV Elewijt B",
83			away: "FC St Jozef Londerzeel B",
84			resultHome: "3",
85			resultAway: "1",
86			status: "",
87			// matchDay,
88			regNumberHome: "00055",
89			regNumberAway: "03959",
90			}
91			const wedstrijd13 = {
92			region: "bra",
93			division: "FR",
94			dateTime: 1598722200000,
95			home: "SK Nossegem B",
96			away: "KCVV Elewijt B",
97			resultHome: "",
98			resultAway: "",
99			status: "",
100			// matchDay,
101			regNumberHome: "06053",
102			regNumberAway: "00055",
103			}
104			const wedstrijd22 = {
105			region: "bra",
106			division: "FR",
107			dateTime: 1598796900000,
108			home: "BOKA United A",
109			away: "KCVV Elewijt A",
110			resultHome: "",
111			resultAway: "",
112			status: "",
113			// matchDay,
114			regNumberHome: "06439",
115			regNumberAway: "00055",
116			}
117			const wedstrijd19 = {
118			region: "bra",
119			division: "FR",
120			dateTime: 1598895000000,
121			home: "KCVV Elewijt B",
122			away: "KFC Malderen B",
123			resultHome: "",
124			resultAway: "",
125			status: "",
126			// matchDay,
127			regNumberHome: "00055",
128			regNumberAway: "03794",
129			}
130			const wedstrijd17 = {
131			region: "bra",
132			division: "FR",
133			dateTime: 1599156000000,
134			home: "SK Laar",
135			away: "KCVV Elewijt B",
136			resultHome: "",
137			resultAway: "",
138			status: "",
139			// matchDay,
140			regNumberHome: "R61054",
141			regNumberAway: "00055",
142			}
143			const wedstrijd23 = {
144			region: "bra",
145			division: "FR",
146			dateTime: 1599156900000,
147			home: "KCVV Elewijt A",
148			away: "KSC Grimbergen A",
149			resultHome: "",
150			resultAway: "",
151			status: "",
152			// matchDay,
153			regNumberHome: "00055",
154			regNumberAway: "01021",
155			}
156			const wedstrijd2 = {
157			region: "bra",
158			division: "FR",
159			dateTime: 1599397200000,
160			home: "KCVV Elewijt A",
161			away: "Sporting Kampenhout",
162			resultHome: "",
163			resultAway: "",
164			status: "",
165			// matchDay,
166			regNumberHome: "00055",
167			regNumberAway: "02615",
168			}
169			const wedstrijd18 = {
170			region: "bra",
171			division: "FR",
172			dateTime: 1599501600000,
173			home: "KFC Katelijne-Waver B",
174			away: "KCVV Elewijt B",
175			resultHome: "",
176			resultAway: "",
177			status: "",
178			// matchDay,
179			regNumberHome: "04453",
180			regNumberAway: "00055",
181			}
182
183			return (
184			<Layout>
185			<SEO
186			lang="nl-BE"
187			title="Matchoverzicht voorbereiding"
188			description="Overzicht van alle gespeelde en toekomstige wedstrijden tijdens de voorbereiding van het nieuwe seizoen."
189			path={this.props.location.pathname}
190			/>
191			<div className={"games__template"}>
192			<p>
193			De competitiestart werd uitgesteld naar het weekend van 12 en 13
194			september 2020. Vanaf vrijdag 14 augustus 2020 hebben de Brabantse
195			ploegen ook opnieuw groen licht gekregen om oefenwedstrijden te
196			organiseren. Hieronder vind je het nieuwe oefenschema van KCVV
197			Elewijt.
198			</p>
199			<MatchWithLogo match={wedstrijd1} />
200			<MatchWithLogo match={wedstrijd16} />
201			<MatchWithLogo match={wedstrijd11} />
202			<MatchWithLogo match={wedstrijd6} />
203			<MatchWithLogo match={wedstrijd21} />
204			<MatchWithLogo match={wedstrijd20} />
205			<MatchWithLogo match={wedstrijd13} />
206			<MatchWithLogo match={wedstrijd22} />
207			<MatchWithLogo match={wedstrijd19} />
208			<MatchWithLogo match={wedstrijd17} />
209			<MatchWithLogo match={wedstrijd23} />
210			<MatchWithLogo match={wedstrijd2} />
211			<MatchWithLogo match={wedstrijd18} />
212			</div>
213			</Layout>
214			)
215			}
216			}
217
218			export default GamesPage
219

soniCaH / KCVV-Elewijt-Gatsby

Push — feature/psd-api ( 32e3af...2ac100 )

GamesPage.render B

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like