From 64a130f48779b2c9964495bff7db4ec4ebe47177 Mon Sep 17 00:00:00 2001
From: Ilia Orlov <66363651+illfixit@users.noreply.github.com>
Date: Thu, 16 Nov 2023 09:20:54 +0100
Subject: [PATCH] chore: change buttons types for toggle buttons (#543)

---
 .../asset-create-dialog.component.html           | 16 ++++++++--------
 ...ract-agreement-transfer-dialog.component.html |  8 ++++----
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/routes/connector-ui/asset-page/asset-create-dialog/asset-create-dialog.component.html b/src/app/routes/connector-ui/asset-page/asset-create-dialog/asset-create-dialog.component.html
index 57be4dbcc..61eb3a74c 100644
--- a/src/app/routes/connector-ui/asset-page/asset-create-dialog/asset-create-dialog.component.html
+++ b/src/app/routes/connector-ui/asset-page/asset-create-dialog/asset-create-dialog.component.html
@@ -224,7 +224,7 @@ <h1 mat-dialog-title>Create New Asset</h1>
               *ngIf="form.datasource.controls.httpProxyMethod; let ctrl"
               class="flex flex-row mb-[10px]">
               <button
-                mat-stroked-button
+                mat-button
                 [color]="ctrl.value ? 'warn' : 'accent'"
                 (click)="ctrl.setValue(!ctrl.value)">
                 {{ ctrl.value ? 'Disable' : 'Enable' }} Method Parameterization
@@ -256,7 +256,7 @@ <h1 mat-dialog-title>Create New Asset</h1>
               *ngIf="form.datasource.controls.httpProxyPath; let ctrl"
               class="flex flex-row mb-[10px]">
               <button
-                mat-stroked-button
+                mat-button
                 [color]="ctrl.value ? 'warn' : 'accent'"
                 (click)="ctrl.setValue(!ctrl.value)">
                 {{ ctrl.value ? 'Disable' : 'Enable' }} Path Parameterization
@@ -315,7 +315,7 @@ <h1 mat-dialog-title>Create New Asset</h1>
             <div class="flex flex-row mb-[10px] space-x-[10px]">
               <!-- Add Query Param Button -->
               <button
-                mat-stroked-button
+                mat-button
                 color="accent"
                 (click)="form.onHttpQueryParamsAddClick()">
                 Add {{ form.proxyQueryParams ? 'Default' : '' }} Query Param
@@ -324,7 +324,7 @@ <h1 mat-dialog-title>Create New Asset</h1>
               <!-- Toggle Proxy Query Param Parameterization Button -->
               <button
                 *ngIf="form.datasource.controls.httpProxyQueryParams; let ctrl"
-                mat-stroked-button
+                mat-button
                 [color]="ctrl.value ? 'warn' : 'accent'"
                 (click)="ctrl.setValue(!ctrl.value)">
                 {{ ctrl.value ? 'Disable' : 'Enable' }} Query Param
@@ -344,7 +344,7 @@ <h1 mat-dialog-title>Create New Asset</h1>
               *ngIf="form.datasource.controls.httpProxyBody; let ctrl"
               class="flex flex-row mb-[10px]">
               <button
-                mat-stroked-button
+                mat-button
                 [color]="ctrl.value ? 'warn' : 'accent'"
                 (click)="ctrl.setValue(!ctrl.value)">
                 {{ ctrl.value ? 'Disable' : 'Enable' }} Request Body
@@ -361,7 +361,7 @@ <h1 mat-dialog-title>Create New Asset</h1>
               "
               class="flex flex-row mb-[10px]">
               <button
-                mat-stroked-button
+                mat-button
                 color="accent"
                 (click)="
                   form.datasource.controls.httpAuthHeaderType.setValue(
@@ -441,7 +441,7 @@ <h1 mat-dialog-title>Create New Asset</h1>
               "
               class="flex flex-row mb-[10px]">
               <button
-                mat-stroked-button
+                mat-button
                 color="warn"
                 (click)="
                   form.datasource.controls.httpAuthHeaderType.setValue('None')
@@ -491,7 +491,7 @@ <h1 mat-dialog-title>Create New Asset</h1>
             <!-- Add Header Button -->
             <div class="flex flex-row mb-[10px]">
               <button
-                mat-stroked-button
+                mat-button
                 color="accent"
                 (click)="form.onHttpHeadersAddClick()">
                 Add Additional Header
diff --git a/src/app/routes/connector-ui/contract-agreement-page/contract-agreement-transfer-dialog/contract-agreement-transfer-dialog.component.html b/src/app/routes/connector-ui/contract-agreement-page/contract-agreement-transfer-dialog/contract-agreement-transfer-dialog.component.html
index 49dc09f0d..b74b31e0d 100644
--- a/src/app/routes/connector-ui/contract-agreement-page/contract-agreement-transfer-dialog/contract-agreement-transfer-dialog.component.html
+++ b/src/app/routes/connector-ui/contract-agreement-page/contract-agreement-transfer-dialog/contract-agreement-transfer-dialog.component.html
@@ -85,7 +85,7 @@ <h1 mat-dialog-title>Initiate Transfer</h1>
           *ngIf="form.all.controls.httpAuthHeaderType.value === 'None'"
           class="flex flex-row mb-[10px]">
           <button
-            mat-stroked-button
+            mat-button
             color="accent"
             (click)="
               form.all.controls.httpAuthHeaderType.setValue('Vault-Secret')
@@ -194,7 +194,7 @@ <h1 mat-dialog-title>Initiate Transfer</h1>
         <!-- Add Header Button -->
         <div class="flex flex-row mb-[10px]">
           <button
-            mat-stroked-button
+            mat-button
             color="accent"
             (click)="form.onHttpHeadersAddClick()">
             Add Additional Header
@@ -302,7 +302,7 @@ <h1 mat-dialog-title>Initiate Transfer</h1>
           <div class="flex flex-row mb-[10px] space-x-[10px]">
             <!-- Add Query Param Button -->
             <button
-              mat-stroked-button
+              mat-button
               color="accent"
               (click)="form.onHttpQueryParamsAddClick()">
               Add Custom Query Param
@@ -343,7 +343,7 @@ <h1 mat-dialog-title>Initiate Transfer</h1>
           "
           class="flex flex-row mb-[10px]">
           <button
-            mat-stroked-button
+            mat-button
             [color]="ctrl.value ? 'warn' : 'accent'"
             (click)="ctrl.setValue(!ctrl.value)">
             {{ ctrl.value ? 'Hide' : 'Show' }} Http Datasource Parameterization