fix widget config saving on dashboard

CHANGELOG.md

@@ -9,6 +9,7 @@ All notable changes to `homebridge-config-ui-x` will be documented in this file.
 - updates to the `th.json` language file (#2211) (@tomzt)
 - updates to the `nl.json` language file (#2213) (@tooh)
 - updates to the `es.json` language file (#2235) (@AxelDreemurr)
+- fix widget config saving on dashboard
 
 ### Other Changes
 

ui/src/app/modules/status/status.component.ts

@@ -265,6 +265,14 @@ export class StatusComponent implements OnInit, OnDestroy {
       backdrop: 'static',
     })
     ref.componentInstance.widget = item
+    ref.result
+      .then(() => {
+        this.gridChangedEvent()
+        item.$configureEvent.next(undefined)
+      })
+      .catch(() => {
+        // modal closed
+      })
   }
 
   openCreditsModal() {

ui/src/app/modules/status/widget-control/widget-control.component.html

@@ -263,7 +263,7 @@ <h5 class="modal-title">{{ 'status.widget.title_manage_widget' | translate }}</h
     </div>
     <div class="text-center"></div>
     <div class="text-right">
-      <button type="button" class="btn btn-primary" data-dismiss="modal" (click)="$activeModal.dismiss('Dismiss')">
+      <button type="button" class="btn btn-primary" data-dismiss="modal" (click)="$activeModal.close()">
         {{ 'form.button_save' | translate }}
       </button>
     </div>

ui/src/app/modules/status/widget-visibility/widget-visibility.component.ts

@@ -5,7 +5,6 @@ import { TranslateService } from '@ngx-translate/core'
 
 @Component({
   templateUrl: './widget-visibility.component.html',
-  styleUrls: ['./widget-visibility.component.scss'],
 })
 export class WidgetVisibilityComponent implements OnInit {
   @Input() dashboard: any

ui/src/scss/themes/themes-dark.scss

@@ -369,10 +369,6 @@
       background: rgba(224, 224, 224, 0.5);
     }
 
-    .available-widget {
-      background-color: #000000;
-    }
-
     #AccessoriesWidgetComponent {
       border-color: rgba($secondaryBackground, 0.5) !important;
     }