refactor(data-structure): matched updated shape of speaker

the shape was updated to enable separating files. hopefully there will be a follow up to remove some
of the details that make it obvious that the data was queried using graphql from markdown
frontmatter, but this gets things working for now

BREAKING CHANGE: the shape of the speaker details under talk has changed

for dsmjs/site#14

src/molecules/talk/index.js

@@ -5,7 +5,7 @@ export default function Talk({talk, content}) {
   return (
     <Fragment>
       <h1 style={{color: '#AD5472'}}>{talk.title}</h1>
-      <h3>{talk.speaker}</h3>
+      <h3>{talk.speaker.frontmatter.name}</h3>
       <div dangerouslySetInnerHTML={{__html: content}} />
     </Fragment>
   );
@@ -14,7 +14,11 @@ export default function Talk({talk, content}) {
 Talk.propTypes = {
   talk: shape({
     title: string,
-    speaker: string
+    speaker: shape({
+      frontmatter: shape({
+        name: string
+      })
+    })
   }),
   content: string
 };

test/unit/molecules/talk/presentational-test.js

@@ -6,13 +6,14 @@ import Talk from '../../../../src/molecules/talk';
 
 suite('talk', () => {
   test('that the title and speaker details are displayed', () => {
-    const talk = {title: any.sentence(), speaker: any.string()};
+    const speakerName = any.string();
+    const talk = {title: any.sentence(), speaker: {frontmatter: {name: speakerName}}};
     const htmlContent = any.string();
 
     const wrapper = shallow(<Talk talk={talk} content={htmlContent} />);
 
     assert.equal(wrapper.find('h1').text(), talk.title);
-    assert.equal(wrapper.find('h3').text(), talk.speaker);
+    assert.equal(wrapper.find('h3').text(), speakerName);
     assert.deepEqual(wrapper.find('div').prop('dangerouslySetInnerHTML'), {__html: htmlContent});
   });
 });