From fb3628467ec49dcff076ac9af0660fa58d2c78cb Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Thu, 30 Nov 2023 12:28:29 +0200
Subject: [PATCH] UI: Refactoring and update translate

---
 .../manage-dashboard-states-dialog.component.html      |  4 ++--
 .../states/manage-dashboard-states-dialog.component.ts | 10 +++++-----
 ui-ngx/src/assets/locale/locale.constant-en_US.json    |  3 ++-
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/dashboard-page/states/manage-dashboard-states-dialog.component.html b/ui-ngx/src/app/modules/home/components/dashboard-page/states/manage-dashboard-states-dialog.component.html
index b6528c4cb2..a260016760 100644
--- a/ui-ngx/src/app/modules/home/components/dashboard-page/states/manage-dashboard-states-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/dashboard-page/states/manage-dashboard-states-dialog.component.html
@@ -109,9 +109,9 @@
                       </button>
                       <button mat-icon-button [disabled]="isLoading$ | async"
                               type="button"
-                              matTooltip="{{ 'filter.duplicate-filter-action' | translate }}"
+                              matTooltip="{{ 'dashboard.duplicate-state-action' | translate }}"
                               matTooltipPosition="above"
-                              (click)="duplicateFilter($event, state)">
+                              (click)="duplicateState($event, state)">
                         <mat-icon>content_copy</mat-icon>
                       </button>
                       <button [fxShow]="!state.root" mat-icon-button [disabled]="isLoading$ | async"
diff --git a/ui-ngx/src/app/modules/home/components/dashboard-page/states/manage-dashboard-states-dialog.component.ts b/ui-ngx/src/app/modules/home/components/dashboard-page/states/manage-dashboard-states-dialog.component.ts
index 2a49be563a..8aab3e1297 100644
--- a/ui-ngx/src/app/modules/home/components/dashboard-page/states/manage-dashboard-states-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/components/dashboard-page/states/manage-dashboard-states-dialog.component.ts
@@ -245,15 +245,15 @@ export class ManageDashboardStatesDialogComponent
     this.onStatesUpdated();
   }
 
-  duplicateFilter($event: Event, state: DashboardStateInfo) {
+  duplicateState($event: Event, state: DashboardStateInfo) {
     const originalState = state;
-    const newFilterName = this.getNextDuplicatedName(state.name);
-    if (newFilterName) {
+    const newStateName = this.getNextDuplicatedName(state.name);
+    if (newStateName) {
       const duplicatedStates = deepClone(originalState);
       const duplicatedWidgets = deepClone(this.widgets);
       const widgets = {};
-      duplicatedStates.id = newFilterName.toLowerCase().replace(/\W/g, '_');
-      duplicatedStates.name = newFilterName;
+      duplicatedStates.id = newStateName.toLowerCase().replace(/\W/g, '_');
+      duplicatedStates.name = newStateName;
       duplicatedStates.root = false;
       this.stateNames.add(duplicatedStates.name);
 
diff --git a/ui-ngx/src/assets/locale/locale.constant-en_US.json b/ui-ngx/src/assets/locale/locale.constant-en_US.json
index ef660731bf..955100383b 100644
--- a/ui-ngx/src/assets/locale/locale.constant-en_US.json
+++ b/ui-ngx/src/assets/locale/locale.constant-en_US.json
@@ -1188,7 +1188,8 @@
         "assign-dashboard-to-edge": "Assign Dashboard(s) To Edge",
         "assign-dashboard-to-edge-text": "Please select the dashboards to assign to the edge",
         "non-existent-dashboard-state-error": "Dashboard state with id \"{{ stateId }}\" is not found",
-        "edit-mode": "Edit mode"
+        "edit-mode": "Edit mode",
+        "duplicate-state-action": "Duplicate state"
     },
     "datakey": {
         "settings": "Settings",