content: import React from 'react';
  import Toolbar from './toolbar';
  import Activity from './activity';
  import EditActivity from './editActivity';
  
  const List = ({ activities, activity, selectedDate, handleDateChange }) => {
    const list = activities.map(activityItem => activityItem.id === activity.id
      ? <EditActivity key={`activity-${activityItem.id}`} {...activityItem} />
      : <Activity key={`activity-${activityItem.id}`} {...activityItem} />
    );
    return (
      <div>
        <Toolbar selectedDate={selectedDate} handleDateChange={handleDateChange} />
        {list}
      </div>
    );
  }
  
  List.propTypes = {
  
  };
  
  export default List;
  