import React from 'react';
import MiniSnapshot from './MiniSnapshot';

export const SidebarSnapshots = ({symbols}) => {
  const snapshots = symbols.map((symbol, i) => {
    return (<MiniSnapshot key={i} symbol={symbol} />);
  });

  return (
    <ul className="Sidebar-snapshots">
      {snapshots}
    </ul>
  );
};

SidebarSnapshots.propTypes = {
  symbols: React.PropTypes.array,
  dispatch: React.PropTypes.func
};

export default SidebarSnapshots;