Formattage du code

source/components/rule/References.js

@@ -1,62 +1,72 @@
-import React from 'react'
-import R from 'ramda'
-import './References.css'
-import references from 'Règles/ressources/références/références.yaml'
+import React from "react"
+import R from "ramda"
+import "./References.css"
+import references from "Règles/ressources/références/références.yaml"
 
 export default class References extends React.Component {
 	state = {
 		showComplementary: false
 	}
-	render(){
-		let
-			{refs} = this.props,
-			{complementary, official} =
-			R.groupBy( ([name, link]) =>
-				this.findRefKey(link) ? 'official' : 'complementary'
+	render() {
+		let { refs } = this.props,
+			{ complementary, official } = R.groupBy(
+				([name, link]) => (this.findRefKey(link) ? "official" : "complementary")
 			)(R.toPairs(refs)),
 			showComplementary = this.state.showComplementary,
 			showComplementaryButton = !this.state.showComplementary && complementary
 
-		return <ul className="references">{[
-				... official.map(this.renderRef),
-				... (showComplementaryButton ?
-					[<li id="complementary" key="compl">
-							<span className="meta"></span>
-							<a href="#" onClick={()=>this.setState({showComplementary: true})}>
-								sources complémentaires
-							</a>
-						</li>
-					] : []
-				),
-				... (showComplementary ?
-					complementary.map(this.renderRef) : []
-				)
-			]}</ul>
+		return (
+			<ul className="references">
+				{[
+					...official.map(this.renderRef),
+					...(showComplementaryButton
+						? [
+							<li id="complementary" key="compl">
+								<span className="meta" />
+								<a
+									href="#"
+									onClick={() => this.setState({ showComplementary: true })}
+								>
+										sources complémentaires
+								</a>
+							</li>
+						]
+						: []),
+					...(showComplementary ? complementary.map(this.renderRef) : [])
+				]}
+			</ul>
+		)
 	}
 	renderRef = ([name, link]) => {
 		let refKey = this.findRefKey(link),
-		refData = refKey && references[refKey] || {},
-		domain = this.cleanDomain(link)
+			refData = (refKey && references[refKey]) || {},
+			domain = this.cleanDomain(link)
 
-		return <li key={name}>
-			<span className="meta">
-				<span className="url">
-					{domain}
-					{refData.image &&
-						<img src={require('Règles/ressources/références/' + refData.image)}/> }
+		return (
+			<li key={name}>
+				<span className="meta">
+					<span className="url">
+						{domain}
+						{refData.image && (
+							<img
+								src={require("Règles/ressources/références/" + refData.image)}
+							/>
+						)}
+					</span>
 				</span>
-			</span>
-			<a href={link} target="_blank">
-				{R.head(name).toUpperCase() + R.tail(name)}
-			</a>
-		</li>
+				<a href={link} target="_blank">
+					{R.head(name).toUpperCase() + R.tail(name)}
+				</a>
+			</li>
+		)
 	}
 	findRefKey(link) {
 		return Object.keys(references).find(r => link.indexOf(r) > -1)
 	}
 	cleanDomain(link) {
 		return (link.indexOf("://") > -1
-			? link.split('/')[2]
-			: link.split('/')[0]).replace('www.', '')
+			? link.split("/")[2]
+			: link.split("/")[0]
+		).replace("www.", "")
 	}
 }