Version 1.1 (#4)

Minor fixes and README written

Deploy

Fix vulnerabilities

Cleanup

components/crime.js

@@ -1,24 +1,24 @@
 import React from 'react'
 
 export default class Crime extends React.Component {
-    cleanDashCase(dashCase) {
-        const s = dashCase.split('-').join(' ')
-        return s[0].toUpperCase() + s.slice(1)
-    }
+  cleanDashCase(dashCase) {
+    const s = dashCase.split('-').join(' ')
+    return s[0].toUpperCase() + s.slice(1)
+  }
 
-    render() {
-        const { crime } = this.props
-        return (
-            <article className="media">
-                <div className="media-content">
-                    <div className="content">
-                        <p><strong>{this.cleanDashCase(crime.category)}</strong></p>
-                        <p>{crime.location.street.name} <br />
-                            {crime.outcome_status == null ? "🔎 No outcome avaliable" : "🧐" + crime.outcome_status.category}
-                        </p>
-                    </div>
-                </div>
-            </article>
-        )
-    }
+  render() {
+    const { crime } = this.props
+    return (
+      <article className="media">
+        <div className="media-content">
+          <div className="content">
+            <p><strong>{this.cleanDashCase(crime.category)}</strong></p>
+            <p>{crime.location.street.name} <br />
+              {crime.outcome_status == null ? "🔎 No outcome avaliable" : "🧐" + crime.outcome_status.category}
+            </p>
+          </div>
+        </div>
+      </article>
+    )
+  }
 }

components/stats.js

@@ -1,21 +1,22 @@
-import React, {Fragment} from 'react'
+import React, { Fragment } from 'react'
 
 export default class Level extends React.Component {
-    render() {
-        const { crimes, postcode } = this.props
-        return (
-            <nav className="level">
-                <p className="level-item has-text-centered">
-                    {(() => {
-                        if (crimes.length == 0 && postcode == '') {
-                            return 'Please enter your postcode'
-                        } else if (crimes.length == 0) {
-                            return (<>No records found for <strong>{postcode.toUpperCase()}</strong></>)
-                        }
-                        return (<><strong>{crimes.length}</strong>&nbsp;records found for <strong>{postcode.toUpperCase()}</strong></>)
-                    })()}
-                </p>
-            </nav>
-        )
-    }
+  render() {
+    const { crimes
+      , postcode } = this.props
+    return (
+      <nav className="level">
+        <p className="level-item has-text-centered">
+          {(() => {
+            if (crimes.length == 0 && postcode == '') {
+              return 'Please enter your postcode'
+            } else if (crimes.length == 0) {
+              return (<span>No records found for <strong>{postcode.toUpperCase()}</strong></span>)
+            }
+            return (<span><strong>{crimes.length}</strong>&nbsp;records found for <strong>{postcode.toUpperCase()}</strong></span>)
+          })()}
+        </p>
+      </nav>
+    )
+  }
 }