diff --git a/.github/screenshot.png b/.github/screenshot.png
index 2445292..cf44e17 100644
Binary files a/.github/screenshot.png and b/.github/screenshot.png differ
diff --git a/components/crime.js b/components/crime.js
index e42ff8d..aed5077 100644
--- a/components/crime.js
+++ b/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 (
-
-
-
-
{this.cleanDashCase(crime.category)}
-
{crime.location.street.name}
- {crime.outcome_status == null ? "🔎 No outcome avaliable" : "🧐" + crime.outcome_status.category}
-
-
-
+
+
{this.cleanDashCase(crime.category)}
+
{crime.location.street.name}
+ {crime.outcome_status == null ? "🔎 No outcome avaliable" : "🧐" + crime.outcome_status.category}
+
+
+
-
👮🏻♀Safe postcode
-
-
- {this.state.crimes.map((crime, i) => (
-
- ))}
-
-
-
-
- )
+ async handleInput(e) {
+ const postcode = e.target.value
+ this.setState((state) => ({ ...state, postcode }))
+ const postcodeDetails = await fetchPostcodeInfo(postcode)
+ if (postcodeDetails == null) {
+ this.setState((state) => ({ ...state, crimes: [] }))
+ return
+ } else {
+ const { latitude, longitude } = postcodeDetails
+ const crimes = await fetchPoliceRecords(latitude, longitude)
+ this.setState((state) => ({ ...state, crimes }))
}
+ }
+
+ render() {
+ return (
+ <>
+
+
+
👮🏻♀Safe postcode
+
+
+ {this.state.crimes.map((crime, i) => (
+
+ ))}
+
+
+
+
+ )
+ }
}
export default Home
\ No newline at end of file