rizzo-next/src/components/map/views/panel.jsx

The next generation of Lonely Planet's style guide and pattern library.

import React from "react";
import Item from "./item.jsx";

/**
 * The side panel view
 */
export default class PanelView extends React.Component {

  render() {
    let items = this.props.set.items.map((item, i) => {
      item.i = i;
      item.onMap = false;
      item.highlighted = i === this.props.highlightedPoi;
      return (
        <Item item={item}/>
      );
    });

    return (
      <div className="panel">
        <div className="listing">
          {items}
        </div>
      </div>
    );
  }

}