From b312a9fbb62fb9010ba6c3abfa6fc265ac1a1aeb Mon Sep 17 00:00:00 2001
From: Gabriele Panico <gabriele.panico@gmail.com>
Date: Tue, 5 Dec 2023 14:51:03 +0100
Subject: [PATCH] minor ui improvements

---
 .../cds-base-element/menu/menu.component.scss | 21 +++++++++++--------
 .../cds-base-element/menu/menu.component.ts   |  1 +
 .../detail/detail.component.scss              |  2 +-
 .../cds-action-gpt-task.component.html        |  2 +-
 .../cds-action-gpt-task.component.scss        |  7 +++++++
 5 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.scss b/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.scss
index 9ccfe8e8..623887dc 100644
--- a/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.scss
+++ b/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.scss
@@ -1,9 +1,12 @@
 @import "./src/assets/sass/cds/_variables.scss";
 
-$text-color: $blu;
-$icon-color: $gray-light-01;
-$text-hover-color: $blu;
-$icon-hover-color: $blu;
+
+:host {
+    --text-color: #{$blu};
+    --icon-color: #{$gray-light-01};
+    --text-hover-color: #{$blu};
+    --icon-hover-color: #{$blu};
+}
 
 #panel_actions_div{
     padding: 6px;
@@ -29,13 +32,13 @@ $icon-hover-color: $blu;
         
         span.material-icons-outlined,
         img{
-            color: $text-hover-color;
+            color: var(--text-hover-color);
             filter: brightness(0) saturate(100%) invert(35%) sepia(48%) saturate(441%) hue-rotate(183deg) brightness(97%) contrast(88%); 
             cursor: pointer; 
         }
 
         .menu-btn-text{
-            color: $text-hover-color
+            color: var(--text-hover-color);
         }
     }
 
@@ -49,7 +52,7 @@ $icon-hover-color: $blu;
     img{
         width: 16px;
         font-size: 16px;
-        color: $icon-color;
+        color: var(--icon-color);
         filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(504%) hue-rotate(151deg) brightness(92%) contrast(88%);
     }
 
@@ -57,7 +60,7 @@ $icon-hover-color: $blu;
 }
 .menu-btn-text{
     display: inline-flex;
-    color: $text-color;
+    color: var(--text-color);
     padding: 0;
     vertical-align: middle;
     font-size: 10px;
@@ -73,5 +76,5 @@ $icon-hover-color: $blu;
 }
 
 .current-user{
-    color: $icon-color
+    color: var(--icon-color);
 }
\ No newline at end of file
diff --git a/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.ts b/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.ts
index 31af1c57..8a10e10e 100644
--- a/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.ts
+++ b/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.ts
@@ -33,6 +33,7 @@ export class CDSMenuComponent implements OnInit {
    }
 
   ngOnInit(): void {
+    this.loggedUser = this.tiledeskAuthService.getCurrentUser();
   }
 
 
diff --git a/src/app/chatbot-design-studio/cds-chatbot-details/detail/detail.component.scss b/src/app/chatbot-design-studio/cds-chatbot-details/detail/detail.component.scss
index 68c8ff8b..6e2548e5 100644
--- a/src/app/chatbot-design-studio/cds-chatbot-details/detail/detail.component.scss
+++ b/src/app/chatbot-design-studio/cds-chatbot-details/detail/detail.component.scss
@@ -153,7 +153,7 @@ input[type="file"] {
 
 #cds-delete-bot-img-btn {
     color: #fff;
-    background: #f44336 !important;
+    background: $red !important;
     height: 44px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
diff --git a/src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.html b/src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.html
index 185d50a5..d532c797 100644
--- a/src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.html
+++ b/src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.html
@@ -89,7 +89,7 @@
         </cds-textarea>
     </div>
 
-    <a (click)="goToKNB()" routerLinkActive="router-link-active" target="_blank">Manage GPT Key</a>
+    <a (click)="goToKNB()" id="router-link" routerLinkActive="router-link-active" target="_blank">Manage GPT Key</a>
 
     <hr class="custom-divider">
 
diff --git a/src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.scss b/src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.scss
index bf8cc5b7..0af41490 100644
--- a/src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.scss
+++ b/src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.scss
@@ -90,6 +90,13 @@ div {
     }
 }
 
+a#router-link{
+    cursor: pointer;
+    &:hover{
+        text-decoration: underline;
+    }
+}
+
 
 #cds-addkb-btn {
     background: #006cff;