Update Cascading Nav logo

Author: Kyle Kim

lib/CascadingPane/CascadingPaneNav.js

@@ -150,6 +150,7 @@ var CascadingPaneNav = function (_React$Component) {
                 itemConfigDisplay = _props3.itemConfigDisplay,
                 getCascadingNav = _props3.getCascadingNav,
                 logoField = _props3.logoField,
+                logoDefault = _props3.logoDefault,
                 titleField = _props3.titleField,
                 itemIdField = _props3.itemIdField,
                 isHiddenField = _props3.isHiddenField;
@@ -164,7 +165,11 @@ var CascadingPaneNav = function (_React$Component) {
                     name: 'Logo',
                     className: 'nav-group-logo',
                     display: function display(item) {
-                        return _react2.default.createElement('img', { role: 'presentation', src: item[logoField], className: 'cascading-nav-logo' });
+                        return _react2.default.createElement('img', {
+                            role: 'presentation',
+                            src: item[logoField] || logoDefault,
+                            className: 'cascading-nav-logo'
+                        });
                     }
                 });
             }
@@ -247,6 +252,7 @@ CascadingPaneNav.propTypes = {
     className: _propTypes2.default.string,
     itemIdField: _propTypes2.default.string,
     logoField: _propTypes2.default.string,
+    logoDefault: _propTypes2.default.string,
     titleField: _propTypes2.default.string,
     isHiddenField: _propTypes2.default.string,
 
@@ -275,6 +281,7 @@ CascadingPaneNav.defaultProps = {
     className: '',
     itemIdField: 'id',
     logoField: '',
+    logoDefault: '',
     titleField: 'title',
     isHiddenField: ''
 };

src/CascadingPane/CascadingPaneNav.jsx

@@ -129,6 +129,7 @@ class CascadingPaneNav extends React.Component {
             itemConfigDisplay,
             getCascadingNav,
             logoField,
+            logoDefault,
             titleField,
             itemIdField,
             isHiddenField,
@@ -141,7 +142,11 @@ class CascadingPaneNav extends React.Component {
                 name: 'Logo',
                 className: 'nav-group-logo',
                 display: item => (
-                    <img role="presentation" src={item[logoField]} className="cascading-nav-logo" />
+                    <img
+                        role="presentation"
+                        src={item[logoField] || logoDefault}
+                        className="cascading-nav-logo"
+                    />
                 ),
             });
         }
@@ -218,6 +223,7 @@ CascadingPaneNav.propTypes = {
     className: PropTypes.string,
     itemIdField: PropTypes.string,
     logoField: PropTypes.string,
+    logoDefault: PropTypes.string,
     titleField: PropTypes.string,
     isHiddenField: PropTypes.string,
 
@@ -242,6 +248,7 @@ CascadingPaneNav.defaultProps = {
     className: '',
     itemIdField: 'id',
     logoField: '',
+    logoDefault: '',
     titleField: 'title',
     isHiddenField: '',
 };