From e82c4884bb0841c8e596a87ca5f28e65e94ad29b Mon Sep 17 00:00:00 2001
From: Nicola Lanzilotto <nicola@tiledesk.com>
Date: Tue, 3 Oct 2023 14:58:57 +0200
Subject: [PATCH] Adds the "Beta" badge to the "Knowledge Base" menu item of
 the settings sidebar

---
 .../settings-sidebar.component.html                 | 13 +++++++++----
 .../settings-sidebar.component.scss                 |  1 +
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/components/settings-sidebar/settings-sidebar.component.html b/src/app/components/settings-sidebar/settings-sidebar.component.html
index 03f9af5910d8..d367c330051e 100755
--- a/src/app/components/settings-sidebar/settings-sidebar.component.html
+++ b/src/app/components/settings-sidebar/settings-sidebar.component.html
@@ -198,14 +198,19 @@
     <!--  Knowledge Bases  -->
     <!-- -------------------------------------------------------- -->
     <ng-container *ngIf="isVisibleKNB && USER_ROLE !== 'agent'">
-      <li [ngClass]="{'active-item': KNOWLEDGE_BASES_ROUTE_IS_ACTIVE}" (click)="goToKnowledgeBases()"
-        matTooltipClass="custom-mat-tooltip-in-settings-sidebar" matTooltip="{{ 'KnowledgeBases' | translate }}"
-        #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100" [matTooltipDisabled]="IS_OPEN">
+      <li [ngClass]="{'active-item': KNOWLEDGE_BASES_ROUTE_IS_ACTIVE}" 
+        (click)="goToKnowledgeBases()"
+        matTooltipClass="custom-mat-tooltip-in-settings-sidebar" 
+        matTooltip="{{ 'KnowledgeBases' | translate }}"
+        #tooltip="matTooltip" 
+        matTooltipPosition='right' 
+        matTooltipHideDelay="100" 
+        [matTooltipDisabled]="IS_OPEN">
         <a>
           <i *ngIf="IS_OPEN === true || IS_OPEN === false" class="material-icons settings-sidebar-icons">school</i>
           <p *ngIf="IS_OPEN === true" class="custom_paragraph">
             {{ 'KnowledgeBases' | translate }}
-            <!-- Knowledge Bases -->
+            <span class="trigger-beta-badge">Beta</span>
           </p>
         </a>
       </li>
diff --git a/src/app/components/settings-sidebar/settings-sidebar.component.scss b/src/app/components/settings-sidebar/settings-sidebar.component.scss
index 480e56125be3..f4dca2937dc8 100755
--- a/src/app/components/settings-sidebar/settings-sidebar.component.scss
+++ b/src/app/components/settings-sidebar/settings-sidebar.component.scss
@@ -116,6 +116,7 @@ li > a {
     color: #fff;
     position: relative;
     top: -1px;
+    margin-left: 2px;
     // text-transform: uppercase;
 }