add links to Subplots panel

Author: dmt0

src/components/containers/TraceRequiredPanel.js

@@ -44,11 +44,15 @@ class TraceRequiredPanel extends Component {
           <a onClick={() => this.context.setPanel('Graph', 'Create')}>
             {_('Create')}
           </a>
+<<<<<<< HEAD
 <<<<<<< HEAD
           {_(' panel to define traces.')}
 =======
           {_(' tab to define traces.')}
 >>>>>>> e9befe5... add GraphCreatePanel link to empty panel
+=======
+          {_(' panel to define traces.')}
+>>>>>>> b220435... add links to Subplots panel
         </p>
       </PanelEmpty>
     );

src/components/fields/AxesCreator.js

@@ -165,9 +165,11 @@ class UnconnectedAxesCreator extends Component {
       <PlotlySection name={_('Axes to Use')}>
         {controls}
         <Info>
-          {_(
-            'You can style and position your axes in the Graph > Subplots Panel'
-          )}
+          {_('You can style and position your axes in the ')}
+          <a onClick={() => this.context.setPanel('Graph', 'Subplots')}>
+            {_('Subplots')}
+          </a>
+          {_(' panel.')}
         </Info>
       </PlotlySection>
     );
@@ -184,6 +186,7 @@ UnconnectedAxesCreator.contextTypes = {
   fullData: PropTypes.array,
   fullLayout: PropTypes.object,
   localize: PropTypes.func,
+  setPanel: PropTypes.func,
 };
 
 export default connectToContainer(UnconnectedAxesCreator, {

src/components/fields/SubplotCreator.js

@@ -145,9 +145,11 @@ class UnconnectedSubplotCreator extends Component {
           options={getOptions(subplotType)}
         />
         <Info>
-          {_(
-            'You can style and position your subplots in the Graph > Subplots Panel'
-          )}
+          {_('You can style and position your subplots in the ')}
+          <a onClick={() => this.context.setPanel('Graph', 'Subplots')}>
+            {_('Subplots')}
+          </a>
+          {_(' panel.')}
         </Info>
       </PlotlySection>
     );
@@ -164,6 +166,7 @@ UnconnectedSubplotCreator.contextTypes = {
   fullData: PropTypes.array,
   fullLayout: PropTypes.object,
   localize: PropTypes.func,
+  setPanel: PropTypes.func,
 };
 
 export default connectToContainer(UnconnectedSubplotCreator, {

src/styles/components/containers/_panel.scss

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

src/styles/main.scss

@@ -31,6 +31,10 @@
     display: flex;
     flex-grow: 1;
   }
+  a {
+    color: $color-dodger-shade;
+    cursor: pointer;
+  }
 }
 
 .plotly_editor {