From c1077073065af963e99fceda04dfdb94abe31185 Mon Sep 17 00:00:00 2001
From: cdArmor1996 <hennecart.lisa@gmail.com>
Date: Mon, 27 Aug 2018 15:40:22 +0200
Subject: [PATCH] #88 trying the link and the title

---
 src/components/Header.jsx                | 16 +---------------
 src/components/Sidebar.jsx               |  3 +--
 src/components/SidebarBuildingDetail.jsx | 12 ++++++++++--
 src/components/SidebarSearchResult.jsx   |  2 +-
 4 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index ff42c38..6673209 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -36,21 +36,6 @@ export default class Header extends Component {
             </p>
         </div>;
 
-    typeOfBuildingFilter =
-        <Row>
-            <Input name='group1' type='checkbox' value='restaurant' label='Restaurant'/>
-            <Input name='group1' type='checkbox' value='bar' label='Cafe'/>
-            <Input name='group1' type='checkbox' value='shop' label='Winkelen'/>
-            <Input name='group1' type='checkbox' value='school' label='School'/>
-            <Input name='group1' type='checkbox' value='hospital' label='Ziekenhuis'/>
-        </Row>;
-
-    facilitiesFilter =
-        <Row>
-            <Input name='group2' type='checkbox' value='red' label='Lift'/>
-            <Input name='group2' type='checkbox' value='yellow' label='Ringleiding'/>
-        </Row>;
-
     /**
      * This array determines which filters are rendered, and consists of the name (shown in the header) and the component which is shown in the modal
      *
@@ -137,6 +122,7 @@ export default class Header extends Component {
                         <p>
                             vul alstublieft de breedte van uw rolstoel in.</p><p> We toon enkel bereikbare locaties voor jou op de kaart.</p>
                     </Modal>
+
                     <Col s={1} className="right">
                         <a href="https://github.com/oSoc18/OASIS" target="_blank">
                             <img alt="github icon" title="github" className="social__media__icon"
diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
index dfb4042..be687a4 100644
--- a/src/components/Sidebar.jsx
+++ b/src/components/Sidebar.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import SearchResult from "./SidebarSearchResult.jsx";
-import {Card, Col, Pagination} from "react-materialize";
+import {Card, Col, Pagination, Preloader} from "react-materialize";
 import BuildingDetail from './SidebarBuildingDetail.jsx';
 import {inject, observer} from 'mobx-react';
 
@@ -44,7 +44,6 @@ export default class Sidebar extends React.Component {
             ? this.BuildingStore.getFilteredBuildings.length + " resultaten "
             : "Resultaat voor '" + this.BuildingStore.getSearchKey + "' (" + this.renderLists().length + ")";
         return (
-
             <Col l={4} m={6} s={12} className="no-padding">
                 <div className="sidebar__list">
                     {this.show()}
diff --git a/src/components/SidebarBuildingDetail.jsx b/src/components/SidebarBuildingDetail.jsx
index 11e33e4..1275a9f 100644
--- a/src/components/SidebarBuildingDetail.jsx
+++ b/src/components/SidebarBuildingDetail.jsx
@@ -58,14 +58,22 @@ export default class SidebarBuildingDetail extends Component {
         }
     }
 
+    titleBuild = () => {
+        if (this.Building.title.includes("&#39;t")) {
+            return "Sporthall";
+        } else {
+            return this.Building.title;
+        }
+    }
+
     render() {
         return (
             <Row>
                 <Col>
-                    <h2>{this.Building.title}</h2>
+                    <h2>{this.titleBuild()}</h2>
                 </Col>
                 <Col s={12}>
-                    <p>{this.Building.description}</p>
+                    <a href={this.Building.description}>link to the page</a>
                 </Col>
                 <Col s={12}>
                     {this.showAccessibilityInformation()}
diff --git a/src/components/SidebarSearchResult.jsx b/src/components/SidebarSearchResult.jsx
index dfc914f..b316285 100644
--- a/src/components/SidebarSearchResult.jsx
+++ b/src/components/SidebarSearchResult.jsx
@@ -53,7 +53,7 @@ export default class SidebarSearchResult extends React.Component {
 
 
                     <Col m={9} s={12}>
-                        <span className="sidebar__searchresult__description"><p>{this.Building.description}</p></span>
+                        <span className="sidebar__searchresult__description"><a hred={this.Building.description}>link to the page</a></span>
                     </Col>
                     <img className="col m3 s12 sidebar__searchresult__thumbnail" src={this.Building.src}/>
                     <Col m={9} s={12}>