8740 Fix variables in titles by using PanelHeader component to render panel header (#64)

Co-authored-by: Katarzyna Ziomek-Zdanowicz <[email protected]>

Author: 2 people

public/app/features/dashboard/dashgrid/PanelStateWrapper.tsx

@@ -612,9 +612,7 @@ export class PanelStateWrapper extends PureComponent<Props, State> {
           className={containerClassNames}
           aria-label={selectors.components.Panels.Panel.containerByTitle(panel.title)}
         >
-          {FNDashboard ? (
-            <p style={FN_TITLE_STYLE}>{panel.title}</p>
-          ) : (
+          <div style={FNDashboard ?  FN_TITLE_STYLE : {}}>
             <PanelHeader
               panel={panel}
               dashboard={dashboard}
@@ -627,7 +625,7 @@ export class PanelStateWrapper extends PureComponent<Props, State> {
               alertState={alertState}
               data={data}
             />
-          )}
+            </div>
           <ErrorBoundary
             dependencies={[data, plugin, panel.getOptions()]}
             onError={this.onPanelError}