From 4d638213b92860c83841dfbac75d467460cffc3d Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Fri, 10 Nov 2023 14:33:29 +0200
Subject: [PATCH] UI: Removed connectivity command for CoAP in Mac OS

---
 ...e-check-connectivity-dialog.component.html | 25 -------------------
 ...ice-check-connectivity-dialog.component.ts |  5 ++--
 2 files changed, 3 insertions(+), 27 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.html b/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.html
index 9b0b18e2c2..d36755b711 100644
--- a/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.html
@@ -226,31 +226,6 @@
         <ng-template [ngSwitchCase]="DeviceTransportType.COAP">
           <div class="tb-no-data-text" translate>device.connectivity.use-following-instructions</div>
           <mat-tab-group [(selectedIndex)]="coapTabIndex">
-            <mat-tab>
-              <ng-template mat-tab-label>
-                <mat-icon class="tabs-icon" svgIcon="macos"></mat-icon>
-                MacOS
-              </ng-template>
-              <ng-template matTabContent>
-                <div class="tb-form-panel no-padding no-border tb-tab-body">
-                  <div class="tb-form-panel stroked" *ngIf="commands.coap.coaps !== 'Check documentation'">
-                    <div class="tb-form-panel-title" translate>device.connectivity.install-necessary-client-tools</div>
-                    <div class="tb-install-instruction-text">
-                      <ng-container *ngTemplateOutlet="seeDocumentation; context:
-                        {doc: {text: 'device.connectivity.install-coap-client',
-                        href: 'https://thingsboard.io/docs/user-guide/ssl/coap-access-token/'}}">
-                      </ng-container>
-                    </div>
-                  </div>
-                  <ng-container
-                    *ngTemplateOutlet="executeCommand; context: {cmd: {
-                              noSecLabel: 'CoAP', noSec: commands.coap.coap,
-                              secLabel: 'CoAPs', sec: commands.coap.coaps,
-                              doc: {text: 'device.connectivity.coaps-x509-command', href: 'https://thingsboard.io/docs/user-guide/ssl/coap-x509-certificates/'}}}">
-                  </ng-container>
-                </div>
-              </ng-template>
-            </mat-tab>
             <mat-tab>
               <ng-template mat-tab-label>
                 <mat-icon class="tabs-icon" svgIcon="linux"></mat-icon>
diff --git a/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.ts
index eeb54381df..f2e4229314 100644
--- a/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.ts
@@ -199,20 +199,21 @@ export class DeviceCheckConnectivityDialogComponent extends
       case 'android':
         this.httpTabIndex = 2;
         this.mqttTabIndex = 2;
-        this.coapTabIndex = 1;
         break;
       case 'macos':
       case 'ios':
         this.httpTabIndex = 1;
         this.mqttTabIndex = 1;
+        this.coapTabIndex = 1;
         break;
       case 'windows':
         this.httpTabIndex = 0;
         this.mqttTabIndex = 0;
+        this.coapTabIndex = 1;
         break;
       default:
         this.mqttTabIndex = this.commands.mqtt?.docker ? 3 : 0;
-        this.coapTabIndex = this.commands.coap?.docker ? 2 : 1;
+        this.coapTabIndex = this.commands.coap?.docker ? 1 : 0;
     }
   }