fix: Preference header hide fix (#3433)

* intial fixes --------- Co-authored-by: Mohammed farhan K <mohammedfarhank@Mohammeds-MacBook-Air.local> * hide header fix --------- Co-authored-by: Mohammed farhan K <mohammedfarhank@Mohammeds-MacBook-Air.local>
fylein · Jan 22, 2025 · 681fe4e · 681fe4e
1 parent d6ef752
commit 681fe4e
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/src/app/fyle/my-profile/my-profile.page.html b/src/app/fyle/my-profile/my-profile.page.html
@@ -158,21 +158,23 @@
         </div>
       </ng-container>
 
-      <div class="my-profile__section-header">Preferences</div>
-      <div class="my-profile__preference-container">
-        <div
-          *ngFor="let preferenceSetting of preferenceSettings;let i=index, last as isLast"
-          [ngClass]="{'my-profile__preference-container__card': !isLast}"
-        >
-          <app-preference-setting
-            [title]="preferenceSetting.title"
-            [content]="preferenceSetting.content"
-            [isEnabled]="preferenceSetting.isEnabled"
-            [key]="preferenceSetting.key"
-            [defaultCurrency]="preferenceSetting.defaultCurrency"
-            (preferenceChanged)="toggleSetting($event)"
+      <div *ngIf="preferenceSettings.length > 0">
+        <div class="my-profile__section-header">Preferences</div>
+        <div class="my-profile__preference-container">
+          <div
+            *ngFor="let preferenceSetting of preferenceSettings;let i=index, last as isLast"
+            [ngClass]="{'my-profile__preference-container__card': !isLast}"
           >
-          </app-preference-setting>
+            <app-preference-setting
+              [title]="preferenceSetting.title"
+              [content]="preferenceSetting.content"
+              [isEnabled]="preferenceSetting.isEnabled"
+              [key]="preferenceSetting.key"
+              [defaultCurrency]="preferenceSetting.defaultCurrency"
+              (preferenceChanged)="toggleSetting($event)"
+            >
+            </app-preference-setting>
+          </div>
         </div>
       </div>
     </ng-container>