fix(meeting-host): added host location to the meeting details

Author: travi

src/molecules/meeting-details/index.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import {shape, string} from 'prop-types';
 
-export default function MeetingDetails({meeting}) {
+export default function MeetingDetails({meeting, host}) {
   return (
     <div>
       <h1>{meeting.date}</h1>
-      <p>{meeting.time.start} - {meeting.time.end}</p>
+      <p>{meeting.time.start} - {meeting.time.end} @ {host.location}</p>
     </div>
   );
 }
@@ -17,5 +17,8 @@ MeetingDetails.propTypes = {
       start: string,
       end: string
     })
+  }),
+  host: shape({
+    location: string
   })
 };

test/unit/molecules/meeting-details/presentational-test.js

@@ -1,15 +1,17 @@
 import React from 'react';
 import {shallow} from 'enzyme';
 import {assert} from 'chai';
+import any from '@travi/any';
 import MeetingDetails from '../../../../src/molecules/meeting-details';
 
 suite('meeting details', () => {
   test('that the details are populated from the provided props', () => {
     const meeting = {date: '2018-03-13', time: {start: '6:00pm', end: '7:00pm'}};
+    const host = {location: any.sentence()};
 
-    const wrapper = shallow(<MeetingDetails meeting={meeting} />);
+    const wrapper = shallow(<MeetingDetails meeting={meeting} host={host} />);
 
     assert.equal(wrapper.find('h1').text(), meeting.date);
-    assert.equal(wrapper.find('p').text(), `${meeting.time.start} - ${meeting.time.end}`);
+    assert.equal(wrapper.find('p').text(), `${meeting.time.start} - ${meeting.time.end} @ ${host.location}`);
   });
 });