DashboardRow: Update to use the new replaceWithText method (#27671)

* DashboardRow: Update to use the new replaceWithText method

* Fixed panel header as well

public/app/features/dashboard/components/DashboardRow/DashboardRow.tsx

@@ -69,7 +69,7 @@ export class DashboardRow extends React.Component<DashboardRowProps, any> {
       'dashboard-row--collapsed': this.state.collapsed,
       'dashboard-row--collapsed': this.state.collapsed,
     });
     });
 
 
-    const title = templateSrv.replaceWithText(this.props.panel.title, this.props.panel.scopedVars);
+    const title = templateSrv.replace(this.props.panel.title, this.props.panel.scopedVars, 'text');
     const count = this.props.panel.panels ? this.props.panel.panels.length : 0;
     const count = this.props.panel.panels ? this.props.panel.panels.length : 0;
     const panels = count === 1 ? 'panel' : 'panels';
     const panels = count === 1 ? 'panel' : 'panels';
     const canEdit = this.props.dashboard.meta.canEdit === true;
     const canEdit = this.props.dashboard.meta.canEdit === true;

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

@@ -131,7 +131,7 @@ export class PanelHeader extends Component<Props, State> {
   render() {
   render() {
     const { panel, scopedVars, error, isViewing, isEditing, data, alertState } = this.props;
     const { panel, scopedVars, error, isViewing, isEditing, data, alertState } = this.props;
     const { menuItems } = this.state;
     const { menuItems } = this.state;
-    const title = templateSrv.replaceWithText(panel.title, scopedVars);
+    const title = templateSrv.replace(panel.title, scopedVars, 'text');
 
 
     const panelHeaderClass = classNames({
     const panelHeaderClass = classNames({
       'panel-header': true,
       'panel-header': true,