Added safe navigation operators in settings dialog component to fix

failing tests.
altair-graphql · Jan 13, 2018 · 2b2d7d4 · 2b2d7d4
1 parent 92cd698
commit 2b2d7d4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/app/components/settings-dialog/settings-dialog.component.html b/src/app/components/settings-dialog/settings-dialog.component.html
@@ -1,4 +1,4 @@
-<clr-modal [clrModalOpen]="settings.isShown" (clrModalOpenChange)="toggleDialogChange.next($event)">
+<clr-modal [clrModalOpen]="settings?.isShown" (clrModalOpenChange)="toggleDialogChange.next($event)">
   <h3 class="modal-title">
     <div class="app-dialog-header">
       <div class="app-dialog-title">{{ 'SETTINGS_TEXT' | translate }}</div>
@@ -10,7 +10,7 @@ <h3 class="modal-title">
       <div class="app-dialog-section">
         <label>{{ 'SETTINGS_THEME_TEXT' | translate }}</label>
         <select class="dialog-select" (change)="onSelectTheme($event.target.value)">
-          <option *ngFor="let theme of themes" value="{{ theme }}" [selected]="theme === settings.theme">
+          <option *ngFor="let theme of themes" value="{{ theme }}" [selected]="theme === settings?.theme">
             {{ theme | titlecase }}
           </option>
         </select>
@@ -19,7 +19,7 @@ <h3 class="modal-title">
       <div class="app-dialog-section">
         <label>{{ 'SETTINGS_LANGUAGE_TEXT' | translate }}</label>
         <select class="dialog-select" (change)="onSelectLanguage($event.target.value)">
-          <option *ngFor="let language of languages" value="{{ language[0] }}" [selected]="language === settings.language">
+          <option *ngFor="let language of languages" value="{{ language[0] }}" [selected]="language === settings?.language">
             {{ language[1] | titlecase }}
           </option>
         </select>