integrated the basic image flow.

related to #19

graphql/schema.graphql

@@ -14,7 +14,10 @@ type Building {
   significance: String,
   recommendation: String,
   latitude: Float,
-  longitude: Float
+  longitude: Float,
+  image_main: String,
+  image_second: String,
+  image_third: String
 }
 
 type Query {

helpers/createDataObj.js

@@ -16,7 +16,10 @@ const createDataObj = (data) => {
       significance: item['Significance Statement'],
       recommendation: item['Recommendation'],
       latitude: item['Latitude'],
-      longitude: item['Longitude']
+      longitude: item['Longitude'],
+      image_main: item['Image Main'],
+      image_second: item['Image Second'],
+      image_third: item['Image Third']
     };
   });
 }

models/islington.js

@@ -28,7 +28,10 @@ const islingtonSchema = new Schema({
   significance: String,
   recommendation: String,
   latitude: Number,
-  longitude: Number
+  longitude: Number,
+  image_main: String,
+  image_second: String,
+  image_third: String
 });
 
 const Islington = mongoose.model("Islington", islingtonSchema);

src/App.js

@@ -45,6 +45,7 @@ class App extends Component {
   }
 
   render() {
+    console.log(this.state.buildings)
     return <div>
         <Map 
         {...this.state} 
@@ -73,6 +74,9 @@ const query = gql`
       recommendation
       latitude
       longitude
+      image_main
+      image_second
+      image_third
     }
   }
 `;

src/BuildingDetails.js

@@ -18,7 +18,10 @@ const BuildingDetails = ({ building }) => {
     significance,
     recommendation,
     latitude,
-    longitude } = building
+    longitude,
+    image_main,
+    image_second,
+    image_third } = building
 
   return (
     <div>
@@ -37,6 +40,9 @@ const BuildingDetails = ({ building }) => {
       <div> { date_local_listing } </div>
       <div> { significance } </div>
       <div> { recommendation } </div>
+      <img src={ image_main } />
+      <img src={ image_second } />
+      <img src={ image_third } />
     </div>
   );
 };