feat(contact): added a link to the primary nav

Author: travi

src/molecules/navigation/presentational-test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {IconButton, List, ListItem, ListItemIcon, ListItemText, SwipeableDrawer} from '@material-ui/core';
-import {ChevronLeft, Dvr, Home} from '@material-ui/icons';
+import {ChevronLeft, Dvr, Home, MailOutline} from '@material-ui/icons';
 import travi from 'travi';
 import {shallow} from 'enzyme';
 import {assert} from 'chai';
@@ -39,5 +39,11 @@ suite('navigation-drawer', () => {
     assert.equal(presentationsNavItem.prop('href'), 'https://presentations.travi.org');
     assert.equal(presentationsNavItem.find(ListItemText).prop('primary'), 'Presentations');
     assert.isTrue(presentationsNavItem.find(ListItemIcon).find(Dvr).exists());
+
+    const contatNavItem = navList.find(ListItem).at(2);
+    assert.equal(contatNavItem.prop('component'), 'a');
+    assert.equal(contatNavItem.prop('href'), 'https://matt.travi.org/contact');
+    assert.equal(contatNavItem.find(ListItemText).prop('primary'), 'Contact');
+    assert.isTrue(contatNavItem.find(ListItemIcon).find(MailOutline).exists());
   });
 });

src/molecules/navigation/presentational.js

@@ -10,7 +10,7 @@ import {
   SwipeableDrawer,
   withStyles
 } from '@material-ui/core';
-import {ChevronLeft, Dvr, Home} from '@material-ui/icons';
+import {ChevronLeft, Dvr as PresentationsIcon, Home, MailOutline as ContactIcon} from '@material-ui/icons';
 import travi from 'travi';
 import {styles} from './styles';
 
@@ -34,9 +34,13 @@ export function NavigationDrawer({open, onToggle, classes}) {
           <ListItemText primary="Home" />
         </ListItem>
         <ListItem button component="a" href="https://presentations.travi.org">
-          <ListItemIcon><Dvr /></ListItemIcon>
+          <ListItemIcon><PresentationsIcon /></ListItemIcon>
           <ListItemText primary="Presentations" />
         </ListItem>
+        <ListItem button component="a" href="https://matt.travi.org/contact">
+          <ListItemIcon><ContactIcon /></ListItemIcon>
+          <ListItemText primary="Contact" />
+        </ListItem>
       </List>
     </SwipeableDrawer>
   );