add icon

Author: DiverVM

src/app/ideation/components/topic-ideation/topic-ideation.component.html

@@ -553,7 +553,7 @@
                   </ng-container>
 
                   <div class="input_area search_input">
-                    <button (click)="showSearch = true">
+                    <button (click)="showSearch = true" class="search_start">
                       <svg
                         width="24"
                         height="24"
@@ -568,6 +568,24 @@
                           fill="#727C84"
                         />
                       </svg>
+
+                      <svg
+                        *ngIf="ideaFilters.search && !showSearch"
+                        class="text_exist_icon"
+                        width="16"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          _ngcontent-ng-c1765142405=""
+                          fill-rule="evenodd"
+                          clip-rule="evenodd"
+                          d="M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM6.44444 12L12.6667 5.82456L11.5 4.66667L6.44444 9.68421L4.5 7.75439L3.33333 8.91228L6.44444 12Z"
+                          fill="#2c3b47"
+                        ></path>
+                      </svg>
                     </button>
 
                     <ng-container *ngIf="showSearch">

src/app/ideation/components/topic-ideation/topic-ideation.component.scss

@@ -251,6 +251,15 @@
       button {
         padding: 0;
       }
+
+      .text_exist_icon {
+        position: absolute;
+        z-index: 1;
+        top: -4px;
+        right: -4px;
+        border: 2px solid #fff;
+        border-radius: 50%;
+      }
     }
   }
 }

src/app/ideation/components/topic-ideation/topic-ideation.component.ts

@@ -64,7 +64,7 @@ export class TopicIdeationComponent {
   mobileIdeaFiltersList = false;
 
   mobileIdeaFilters: any = {
-    age: <string[]>[],
+    age: '',
     gender: '',
     residence: '',
     type: '',