add GraphCreatePanel link to empty panel

Author: dmt0

src/components/PanelMenuWrapper.js

@@ -23,6 +23,12 @@ class PanelsWithSidebar extends Component {
     this.setState({group, panel});
   }
 
+  getChildContext() {
+    return {
+      setPanel: this.setPanel,
+    };
+  }
+
   renderSection(section, i) {
     if (
       section.type &&
@@ -100,4 +106,8 @@ PanelsWithSidebar.propTypes = {
   children: PropTypes.node,
 };
 
+PanelsWithSidebar.childContextTypes = {
+  setPanel: PropTypes.func,
+};
+
 export default PanelsWithSidebar;

src/components/containers/PanelEmpty.js

@@ -7,7 +7,6 @@ class PanelEmpty extends Component {
   render() {
     const {children, icon: Icon} = this.props;
     const heading = this.props.heading || '';
-    const message = this.props.message || '';
 
     return (
       <div className={bem('panel', 'empty')}>
@@ -16,10 +15,7 @@ class PanelEmpty extends Component {
             {Icon ? <Icon /> : <ChartLineIcon />}
           </div>
           <div className="panel__empty__message__heading">{heading}</div>
-          <div className="panel__empty__message__content">
-            <p>{message}</p>
-            {children}
-          </div>
+          <div className="panel__empty__message__content">{children}</div>
         </div>
       </div>
     );
@@ -28,7 +24,6 @@ class PanelEmpty extends Component {
 
 PanelEmpty.propTypes = {
   heading: PropTypes.string,
-  message: PropTypes.any,
   children: PropTypes.node,
   icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
 };

src/components/containers/TraceRequiredPanel.js

@@ -11,23 +11,44 @@ class TraceRequiredPanel extends Component {
   render() {
     const {localize: _} = this.context;
     const {children, ...rest} = this.props;
+<<<<<<< HEAD
+=======
+    let showPanel = true;
+    let heading = '';
+>>>>>>> e9befe5... add GraphCreatePanel link to empty panel
 
     if (!this.props.visible) {
       return null;
     }
 
+<<<<<<< HEAD
     return this.hasTrace() ? (
       <LayoutPanel {...rest}>{children}</LayoutPanel>
     ) : (
       <PanelEmpty
         heading={_("Looks like there aren't any traces defined yet.")}
       >
+=======
+    if (!this.hasTrace()) {
+      showPanel = false;
+      heading = _("Looks like there aren't any traces defined yet.");
+    }
+
+    return showPanel ? (
+      <LayoutPanel {...rest}>{children}</LayoutPanel>
+    ) : (
+      <PanelEmpty heading={heading}>
+>>>>>>> e9befe5... add GraphCreatePanel link to empty panel
         <p>
           {_('Go to the ')}
           <a onClick={() => this.context.setPanel('Graph', 'Create')}>
             {_('Create')}
           </a>
+<<<<<<< HEAD
           {_(' panel to define traces.')}
+=======
+          {_(' tab to define traces.')}
+>>>>>>> e9befe5... add GraphCreatePanel link to empty panel
         </p>
       </PanelEmpty>
     );
@@ -46,6 +67,7 @@ TraceRequiredPanel.defaultProps = {
 TraceRequiredPanel.contextTypes = {
   fullData: PropTypes.array,
   localize: PropTypes.func,
+  setPanel: PropTypes.func,
 };
 
 export default TraceRequiredPanel;

src/styles/components/containers/_panel.scss

@@ -85,6 +85,10 @@
         font-size: var(--font-size-base);
         color: var(--color-text-base);
         line-height: var(--font-leading-body);
+        a {
+          color: $color-dodger-shade;
+          cursor: pointer;
+        }
       }
     }
   }