tab switch results

my-workspace/projects/sae-lib/buttons/copy/copy.html

@@ -1,7 +1,7 @@
-<button class="button copy" (click)="copy()">
+<button (click)="copy()" class="button copy">
   <i class="ri-file-copy-2-fill"></i>
-  <span class="label">
-        Copy
-        </span>
+  <!--  <span class="label">-->
+  <!--        Copy-->
+  <!--        </span>-->
 </button>
 

my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html

@@ -2,21 +2,22 @@
   <!--  bot talks land-->
   <!--  avatar-->
   <div class="bubble">
-    {{ message }}
-    <br>
-    <!--    @for (link of links; track link.title) {-->
-    <!--      <span class="link-title">-->
+    <div class="message">
+      {{ message }}
+    </div>
+    @if (appState?.dicaReference) {
 
-    <!--    {{ link.title }}-->
-    <!--    </span>-->
-    <!--      <span class="taget">-->
-    <!--      <a href="{{link.url}}">-->
+      <div class="dica-ref-container">
 
-    <!--      {{ link.label }}-->
-    <!--        &lt;!&ndash;      copy button&ndash;&gt;-->
-    <!--      </a>-->
-    <!--    </span>-->
-    <!--    }-->
+        <div class="label">
+          Référence de DICA:
+        </div>
+        <div class="ref">
+          {{ appState.dicaReference }}
+          <app-copy [textToCopy]="appState.dicaReferenceURL"></app-copy>
+        </div>
+      </div>
+    }
   </div>
 
   <div class="avatar"></div>

my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss

@@ -10,6 +10,36 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+
+    .message {
+      margin-bottom: 16px;
+    }
+
+
+    .dica-ref-container {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 5px;
+
+      .label {
+        font-weight: 600;
+      }
+
+      .ref {
+        display: flex;
+        padding: 6px 10px 8px 10px;
+        align-items: center;
+        gap: 5px;
+
+        border-radius: 20px;
+        background: #C2A9FD;
+
+
+      }
+
+    }
+    
   }
 
   .bubble {
@@ -34,4 +64,9 @@
     height: 32px;
     border-radius: 8px;
   }
+
+  app-copy button.copy {
+    background: transparent !important;
+    border: 0;
+  }
 }

my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts

@@ -1,18 +1,16 @@
 import {Component, Input} from '@angular/core';
+import {Copy} from '../../buttons/copy/copy';
 
 @Component({
   selector: 'sae-bot-talks',
-  imports: [],
+  imports: [
+    Copy
+  ],
   templateUrl: './bot-talks.html',
   styleUrl: './bot-talks.scss'
 })
 export class BotTalks {
 
-  @Input() public message = 'Hello!';
-  @Input() public links: any = [
-    {
-      title: 'Refusal notice :',
-      label: 'DMP-00051341: Avis de refus',
-      url: 'https://www.cipherbliss.com/fake-link',
-    }]
+  @Input() public message: string = 'Hello!';
+  @Input() public appState: any = {};
 }