fix: remove repeated rows when repeat was disabled. (#10653)

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

@@ -27,6 +27,7 @@ export class DashboardRow extends React.Component<DashboardRowProps, any> {
     this.toggle = this.toggle.bind(this);
     this.toggle = this.toggle.bind(this);
     this.openSettings = this.openSettings.bind(this);
     this.openSettings = this.openSettings.bind(this);
     this.delete = this.delete.bind(this);
     this.delete = this.delete.bind(this);
+    this.update = this.update.bind(this);
   }
   }
 
 
   toggle() {
   toggle() {
@@ -37,13 +38,18 @@ export class DashboardRow extends React.Component<DashboardRowProps, any> {
     });
     });
   }
   }
 
 
+  update() {
+    this.dashboard.processRepeats();
+    this.forceUpdate();
+  }
+
   openSettings() {
   openSettings() {
     appEvents.emit('show-modal', {
     appEvents.emit('show-modal', {
       templateHtml: `<row-options row="model.row" on-updated="model.onUpdated()" dismiss="dismiss()"></row-options>`,
       templateHtml: `<row-options row="model.row" on-updated="model.onUpdated()" dismiss="dismiss()"></row-options>`,
       modalClass: 'modal--narrow',
       modalClass: 'modal--narrow',
       model: {
       model: {
         row: this.props.panel,
         row: this.props.panel,
-        onUpdated: this.forceUpdate.bind(this),
+        onUpdated: this.update.bind(this),
       },
       },
     });
     });
   }
   }