initial state stuff

sae-csc/src/app/pages/similar-cases/case-result/case-result.html

@@ -33,7 +33,7 @@
     </div>
     <div (click)="selectCaseTab('original_question')" [ngClass]="{ 'is-active' : activeTab == 'original_question' }"
          class="tab-item">
-      <i class="ri-file-list-2-line"></i>
+      <i class="ri-question-line"></i>
       <div class="label">
         Original Question
       </div>
@@ -53,15 +53,24 @@
       </div>
     </div>
     <div (click)="selectCaseTab('findings')" [ngClass]="{ 'is-active' : activeTab == 'findings' }" class="tab-item">
-      <i class="ri-file-list-2-line"></i>
+      <i class="ri-plane-line"></i>
       <div class="label">
         Findings
       </div>
     </div>
-    <div (click)="selectCaseTab('dica')" [ngClass]="{ 'is-active' : activeTab == 'dica' }" class="tab-item">
+    <div (click)="selectCaseTab('dica')" [ngClass]="{
+    'is-active' : activeTab == 'dica',
+    'is-highlighted' : case.DICA,
+     }" class="tab-item">
       <i class="ri-file-list-2-line"></i>
       <div class="label">
         DICA
+
+
+        @if (case.DICA) {
+          <span class="indicator">*</span>
+        }
+
       </div>
     </div>
 

sae-csc/src/app/pages/similar-cases/case-result/case-result.scss

@@ -49,7 +49,7 @@
   .case-more-infos {
     display: flex;
     flex-direction: row;
-    justify-content: stretch;
+    justify-content: flex-start;
     align-items: start;
 
     margin-top: 10px;
@@ -68,10 +68,15 @@
     padding-bottom: 6px;
     cursor: pointer;
 
+    i {
+      margin-right: 8px;
+    }
+
     label {
       padding-left: 6px;
       display: block;
       flex-grow: 1;
+
     }
 
     &:hover {
@@ -84,11 +89,26 @@
 
   }
 
+  .indicator {
+    width: 4px;
+    height: 4px;
+    display: block;
+    float: right;
+    color: green;
+  }
 
   .selected-tab-content {
+    padding-top: 24px;
     min-height: 3rem;
-    max-height: 8rem;
-    overflow-y: auto;
+    font-size: 16px;
+    line-height: 140%;
+    color: #49454F;
+  }
+
+  .is-highlighted {
+    .indicator {
+      visibility: visible;
+    }
   }
 
 }

sae-csc/src/app/redux/initialState.ts

@@ -383,8 +383,8 @@ export const initialState: StateInterface = {
         answer_sent: "dfosdoo osg ogf ogf kgof gfkdmdm gfkdfmkl km opsg gfsok sfol lorem",
         engine_part: "ABD cd CD DC DC ZFR ETT HETHG",
         findings: "some findings were found here",
-        DICA: "one dica stuff",
-        DICA_file: "dica_file_2.pdf",
+        DICA: "",
+        DICA_file: "",
         suggested: true,
       }, {
         id: 3,