diff --git a/src/components/BuildingListTable/index.js b/src/components/BuildingListTable/index.js index 45ca7cea53cad9310755aa20db14591d05dec663..615744f0c6685c972679519b49121ef390640c8e 100644 --- a/src/components/BuildingListTable/index.js +++ b/src/components/BuildingListTable/index.js @@ -1,5 +1,5 @@ import React, { PropTypes } from 'react'; -import { Link } from 'react-router'; +import { browserHistory } from 'react-router'; import './styles.scss'; export default function BuildingListTable({ buildings }) { @@ -11,18 +11,20 @@ export default function BuildingListTable({ buildings }) { { item } , ); + const handleRowClick = (building) => { + const newPath = `/buildings/${building.building_id.toString()}`; + browserHistory.push(newPath); + }; + + /* eslint-disable jsx-a11y/no-static-element-interactions */ const buildingItems = buildings.map(building => ( - - {/* - TODO make entire row a link & make path relative - React router Link component does not support relative paths - */} - - - {building.address} - - + handleRowClick(building)} + > + {building.address} {building.bbl} {building.borough} {building.building_id}