chore:Apply patch for commit a5ab251 (resolved conflicts)

Author: ilmartyrk

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

@@ -321,16 +321,16 @@
                         />
                         <span class="checkmark"></span>
                       </label>
-                     <label *ngFor="let number of [].constructor(AGE_LIMIT); let i = index" class="checkbox">
-                      <span>{{ i + 1 }}</span>
-                      <input
-                        type="checkbox"
-                        name="age"
-                        [checked]="ideaFilters.age.includes((i + 1).toString())"
-                        (change)="setAge(i + 1)"
-                      />
-                      <span class="checkmark"></span>
-                    </label>
+                      <label *ngFor="let number of [].constructor(AGE_LIMIT); let i = index" class="checkbox">
+                        <span>{{ i + 1 }}</span>
+                        <input
+                          type="checkbox"
+                          name="age"
+                          [checked]="ideaFilters.age.includes((i + 1).toString())"
+                          (change)="setAge(i + 1)"
+                        />
+                        <span class="checkmark"></span>
+                      </label>
                     </div>
                   </div>
                 </cos-input>

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

@@ -64,7 +64,7 @@ export class TopicIdeationComponent {
   mobileIdeaFiltersList = false;
 
   mobileIdeaFilters: any = {
-    age: '',
+    age: <string[]>[],
     gender: '',
     residence: '',
     type: '',
@@ -264,6 +264,21 @@ export class TopicIdeationComponent {
     this.ideaFilters.age = [...this.mobileAges];
   }
 
+  setMobileAge(_age: number | string) {
+    const age = _age.toString();
+    if (age === 'all' || age === '') {
+      this.mobileIdeaFilters.age = [];
+      return;
+    }
+
+    const idx = this.mobileIdeaFilters.age.indexOf(age);
+    if (idx > -1) {
+      this.mobileIdeaFilters.age.splice(idx, 1);
+    } else {
+      this.mobileIdeaFilters.age.push(age);
+    }
+  }
+
   setGender(value: string) {
     if (value === 'all') value = '';
     this.genderFilter$.next(value);
@@ -508,7 +523,7 @@ export class TopicIdeationComponent {
   showMobileOverlay() {
     const filtersShow = Object.entries(this.mobileIdeaFilters).find(([key, value]) => {
       if (key === 'age') {
-        return Array.isArray(value) && value.length > 0;
+        return value === true;
       }
       return !!value;
     });