import React, { Component } from 'react';
import { Card } from 'react-materialize';
import './cardList.css';


class ListItem extends Component {
  handleClick = (title) => {
    if (this.props.clickHandler) {
      this.props.clickHandler(title);
    }
  }

  render() {
    // this.props.clickHandler('the other ballpit');
    //  onClick={}
    const title = this.props.title;
    return (
          <Card
            onClick={() => {this.handleClick(title)}}
            className='grey lighten-2'
            title={ title }
            textClassName='black-text'
          >
            <p >
              description
            </p>
          </Card>
      );
  }
}

export default ListItem;
@@ -102,16 +102,53 @@
 t.css';%0A
+import %7B Link %7D from 'react-router';%0A
 %0A%0Aclass 
@@ -425,16 +425,44 @@
 urn (%0A  
+    %3CLink to=%7B%22furniture%22%7D%3E%0A
         
@@ -467,18 +467,16 @@
   %3CCard%0A
-  
         
@@ -529,18 +529,16 @@
         
- 
- 
 classNam
@@ -566,18 +566,16 @@
         
-  
 title=%7B 
@@ -592,18 +592,16 @@
         
- 
- 
 textClas
@@ -627,18 +627,16 @@
         
-  
 %3E%0A      
@@ -643,17 +643,13 @@
     
- 
- 
 %3Cp %3E%0A
-  
     
@@ -682,17 +682,13 @@
     
-  
 %3C/p%3E%0A
-  
     
@@ -699,16 +699,30 @@
 %3C/Card%3E%0A
+      %3C/Link%3E%0A
       );
@@ -753,8 +753,9 @@
 istItem;
+%0A

add Link to carditem and render furnitures for selected room