Works to navbar

src/client/components/main_layout/TopBar.js

@@ -170,7 +170,7 @@ class TopBar extends React.Component {
       </Menu>
     );
 
-    const ManuscriptLink = props => (
+    const ManuscriptsLink = props => (
       <NavLink
         to="/manuscripts"
         className={classes.appBarButton}
@@ -179,6 +179,15 @@ class TopBar extends React.Component {
         {...props}
       />);
 
+    const WorksLink = props => (
+      <NavLink
+        to="/works"
+        className={classes.appBarButton}
+        isActive={(match, location) => location.pathname.startsWith('/works')}
+        activeClassName={classes.appBarButtonActive}
+        {...props}
+      />);
+
     const PeopleLink = props => (
       <NavLink
         to="/people"
@@ -236,10 +245,14 @@ class TopBar extends React.Component {
             <div className={classes.sectionDesktop}>
               <Button
                 className={classes.appBarButton}
-                component={ManuscriptLink}>
-                Manuscripts
+                component={ManuscriptsLink}>
+                manuscripts
+              </Button>
+              <Button
+                className={classes.appBarButton}
+                component={WorksLink}>
+                works
               </Button>
-              <Button disabled className={classes.appBarButton}>Works</Button>
               <Button disabled className={classes.appBarButton}>Events</Button>
               <Button
                 className={classes.appBarButton}