WEB-216: Disable delete group action for non-pending groups (#3058)

Co-authored-by: Parth Sharma <parthsharma@Parths-MacBook-Air.local>

src/app/groups/groups-view/groups-view.component.html

@@ -198,7 +198,13 @@
           <button mat-menu-item *mifosxHasPermission="'CLOSE_GROUP'" (click)="doAction('Close')">
             {{ 'labels.buttons.Close' | translate }}
           </button>
-          <button mat-menu-item *mifosxHasPermission="'DELETE_GROUP'" (click)="doAction('Delete')">
+          <button
+            mat-menu-item
+            *mifosxHasPermission="'DELETE_GROUP'"
+            [disabled]="!canDeleteGroup()"
+            matTooltip="Only pending groups can be deleted"
+            (click)="doAction('Delete')"
+          >
             {{ 'labels.buttons.Delete' | translate }}
           </button>
         </mat-menu>

src/app/groups/groups-view/groups-view.component.ts

@@ -143,6 +143,9 @@ export class GroupsViewComponent implements OnInit, OnDestroy {
         this.unassignStaff();
         break;
       case 'Delete':
+        if (!this.canDeleteGroup()) {
+          return;
+        }
         this.deleteGroup();
         break;
     }
@@ -193,6 +196,13 @@ export class GroupsViewComponent implements OnInit, OnDestroy {
       }
     });
   }
+  /**
+   * Checks if the group can be deleted.
+   * Only groups in Pending state are allowed to be deleted.
+   */
+  canDeleteGroup(): boolean {
+    return this.groupViewData?.status?.value === 'Pending';
+  }
 
   /**
    * Deletes the group