Merge pull request #441 from frontside-folio/jc/current-app

STCOR-255 Make current app clickable

CHANGELOG.md

@@ -5,6 +5,7 @@
 * Add `react-hot-loader` to development environment
 * Remove notifications, STCOR-257
 * Use new type stack
+* Make current app clickable, STCOR-255
 
 ## [2.13.0](https://github.com/folio-org/stripes-core/tree/v2.13.0) (2018-09-18)
 [Full Changelog](https://github.com/folio-org/stripes-core/compare/v2.12.0...v2.13.0)

src/components/MainNav/CurrentApp/CurrentApp.js

@@ -4,6 +4,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import Link from 'react-router-dom/Link';
 import AppIcon from '@folio/stripes-components/lib/AppIcon';
 import Badge from '@folio/stripes-components/lib/Badge';
 import Headline from '@folio/stripes-components/lib/Headline';
@@ -31,13 +32,25 @@ const defaultProps = {
 const CurrentApp = ({ currentApp, iconData, id, badge }) => {
   const { displayName, description, module } = currentApp;
   const iconKey = module && module.replace(/^@[a-z0-9_]+\//, '');
+  let Element = 'div';
+  let elementProps = {};
+
+  if (currentApp && (currentApp.home || currentApp.route)) {
+    Element = Link;
+    elementProps = { to: (currentApp.home || currentApp.route) };
+  }
 
   return (
-    <div id={id} title={description} className={css.currentApp}>
+    <Element
+      id={id}
+      className={css.currentApp}
+      title={description}
+      {...elementProps}
+    >
       {badge && (<Badge color="red" className={css.badge}>{badge}</Badge>)}
       <AppIcon icon={iconData} app={iconKey} className={css.icon} />
       <Headline tag="h1" size="small" margin="none">{displayName}</Headline>
-    </div>
+    </Element>
   );
 };
 

src/components/MainNav/MainNav.js

@@ -149,6 +149,7 @@ class MainNav extends Component {
           alt: 'Tenant Settings',
           title: 'Settings',
         },
+        route: '/settings'
       });
     }