fix(orb-ui): #90 Add elements name on delete modals (#2474)

orb-community · Jun 30, 2023 · 8e67a11 · 8e67a11
1 parent cc9b3c3
commit 8e67a11
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/ui/src/app/pages/fleet/agents/delete/agent.delete.component.html b/ui/src/app/pages/fleet/agents/delete/agent.delete.component.html
@@ -12,7 +12,7 @@
     </button>
   </nb-card-header>
   <nb-card-body>
-    <p>Are you sure you want to delete this Agent? This action cannot be undone.<span class="ns1-red">*</span></p>
+    <p>Are you sure you want to delete Agent <span class="ns1-red">{{name}}</span>? This action cannot be undone.<span class="ns1-red">*</span></p>
     <p class="ns1-red">*To confirm, type your Agent name exactly as it appears.</p>
     <input type="text"
            #autoInput

diff --git a/ui/src/app/pages/fleet/groups/delete/agent.group.delete.component.html b/ui/src/app/pages/fleet/groups/delete/agent.group.delete.component.html
@@ -10,7 +10,9 @@
     </button>
   </nb-card-header>
   <nb-card-body>
-    <p>{{strings.delete.body}}<span class="ns1-red">*</span></p>
+    <p>Are you sure you want to delete Agent Group <span class="ns1-red">{{name}}</span>? This may cause Datasets which 
+      use this Agent Group to become invalid. 
+      This action cannot be undone.<span class="ns1-red">*</span></p>
     <p class="ns1-red">{{strings.delete.warning}}</p>
     <input type="text" #autoInput [nbAutocomplete]="auto" nbInput fullWidth placeholder="{{name}}" [(ngModel)]="validationInput">
     <nb-autocomplete #auto >

diff --git a/ui/src/app/pages/sinks/delete/sink.delete.component.html b/ui/src/app/pages/sinks/delete/sink.delete.component.html
@@ -10,7 +10,9 @@
     </button>
   </nb-card-header>
   <nb-card-body>
-    <p>{{strings.delete.body}}<span class="ns1-red">*</span></p>
+    <p>Are you sure you want to delete Sink <span class="ns1-red">{{sink?.name}}</span>? 
+      This may cause Datasets which use this Sink to become invalid. 
+      This action cannot be undone.<span class="ns1-red">*</span></p>
     <p class="ns1-red">{{strings.delete.warning}}</p>
     <input type="text" #autoInput [nbAutocomplete]="auto" nbInput fullWidth placeholder="{{sink.name}}" [(ngModel)]="userInput">
     <nb-autocomplete #auto >