chore: Reinstate trailing comma eslint rule

src/app/app-routing.module.ts

@@ -20,7 +20,7 @@ const routes: Routes = [
     path: NavPathTypes.MEMBERS,
     loadChildren: () =>
       import('./screens/members/members-screen.module').then(
-        (m) => m.MembersScreenModule
+        (m) => m.MembersScreenModule,
       ),
   },
   {
@@ -32,7 +32,7 @@ const routes: Routes = [
     path: NavPathTypes.SCHEDULE,
     loadChildren: () =>
       import('./screens/schedule/schedule-screen.module').then(
-        (m) => m.ScheduleScreenModule
+        (m) => m.ScheduleScreenModule,
       ),
   },
   {
@@ -50,35 +50,35 @@ const routes: Routes = [
     path: NavPathTypes.ARTICLE,
     loadChildren: () =>
       import('./screens/article/article-screen.module').then(
-        (m) => m.ArticleScreenModule
+        (m) => m.ArticleScreenModule,
       ),
   },
   {
     path: NavPathTypes.CITY_CHAMPION,
     loadChildren: () =>
       import('./screens/champion/champion-screen.module').then(
-        (m) => m.ChampionScreenModule
+        (m) => m.ChampionScreenModule,
       ),
   },
   {
     path: NavPathTypes.PHOTO_GALLERY,
     loadChildren: () =>
       import('./screens/photo-gallery/photo-gallery-screen.module').then(
-        (m) => m.PhotoGalleryScreenModule
+        (m) => m.PhotoGalleryScreenModule,
       ),
   },
   {
     path: NavPathTypes.GAME_ARCHIVES,
     loadChildren: () =>
       import('./screens/game-archives/game-archives-screen.module').then(
-        (m) => m.GameArchivesScreenModule
+        (m) => m.GameArchivesScreenModule,
       ),
   },
   {
     path: NavPathTypes.DOCUMENTS,
     loadChildren: () =>
       import('./screens/documents/documents-screen.module').then(
-        (m) => m.DocumentsScreenModule
+        (m) => m.DocumentsScreenModule,
       ),
   },
   {
@@ -94,7 +94,7 @@ const routes: Routes = [
     path: NavPathTypes.CHANGE_PASSWORD,
     loadChildren: () =>
       import('./screens/change-password/change-password-screen.module').then(
-        (m) => m.ChangePasswordScreenModule
+        (m) => m.ChangePasswordScreenModule,
       ),
   },
   {

src/app/app.component.ts

@@ -18,7 +18,7 @@ export class AppComponent implements OnInit {
   constructor(
     private changeDetectionRef: ChangeDetectorRef,
     private loaderService: LoaderService,
-    public facade: AppFacade
+    public facade: AppFacade,
   ) {
     moment.tz.setDefault('America/Toronto');
   }

src/app/app.facade.ts

@@ -23,13 +23,13 @@ export class AppFacade {
   showModal$ = this.store.select(ModalSelectors.isOpen);
   showToaster$ = this.store.select(ToasterSelectors.isDisplayingToasts);
   showUpcomingEventBanner$ = this.store.select(
-    UserSettingsSelectors.showUpcomingEventBanner
+    UserSettingsSelectors.showUpcomingEventBanner,
   );
   upcomingEvent$ = this.store.select(ScheduleSelectors.upcomingEvent);
 
   constructor(
     @Inject(DOCUMENT) private document: Document,
-    private readonly store: Store
+    private readonly store: Store,
   ) {
     this.isDarkMode$.pipe(untilDestroyed(this)).subscribe((isDarkMode) => {
       this.document.body.setAttribute('data-theme', isDarkMode ? 'dark' : 'light');

src/app/components/article-form/article-form.component.ts

@@ -10,10 +10,6 @@ import { isDefined } from '@app/utils';
 import { imageSizeValidator } from '@app/validators';
 import { debounceTime, filter, first } from 'rxjs/operators';
 
-
-
-
-
 import { ArticleFormFacade } from './article-form.facade';
 
 @UntilDestroy()
@@ -29,7 +25,7 @@ export class ArticleFormComponent implements OnInit {
   constructor(
     public facade: ArticleFormFacade,
     private formBuilder: FormBuilder,
-    private imagesService: ImagesService
+    private imagesService: ImagesService,
   ) {}
 
   ngOnInit(): void {
@@ -118,7 +114,7 @@ export class ArticleFormComponent implements OnInit {
           imageFile: article.imageFile,
           imageUrl: article.imageUrl,
         },
-        { emitEvent: false }
+        { emitEvent: false },
       );
     });
   }

src/app/components/article-form/article-form.facade.ts

@@ -10,7 +10,7 @@ import { type Article } from '@app/types';
 export class ArticleFormFacade {
   readonly articleCurrently$ = this.store.select(ArticlesSelectors.articleCurrently);
   readonly articleImageCurrently$ = this.store.select(
-    ArticlesSelectors.articleImageCurrently
+    ArticlesSelectors.articleImageCurrently,
   );
   readonly hasUnsavedChanges$ = this.store.select(ArticlesSelectors.hasUnsavedChanges);
   readonly isEditMode$ = this.store.select(ArticlesSelectors.isEditMode);
@@ -35,15 +35,15 @@ export class ArticleFormFacade {
             ? this.store.dispatch(
                 ArticlesActions.updateArticleSelected({
                   article,
-                })
+                }),
               )
             : this.store.dispatch(
                 ArticlesActions.publishArticleSelected({
                   article,
-                })
-              )
+                }),
+              ),
         ),
-        first()
+        first(),
       )
       .subscribe();
   }

src/app/components/change-password-form/change-password-form.component.ts

@@ -48,7 +48,7 @@ export class ChangePasswordFormComponent implements OnInit {
 
   constructor(
     public facade: ChangePasswordFormFacade,
-    private formBuilder: FormBuilder
+    private formBuilder: FormBuilder,
   ) {}
 
   ngOnInit(): void {
@@ -124,7 +124,7 @@ export class ChangePasswordFormComponent implements OnInit {
     this.facade.tempInitialPassword$
       .pipe(untilDestroyed(this))
       .subscribe(
-        (tempInitialPassword) => (this.tempInitialPassword = tempInitialPassword)
+        (tempInitialPassword) => (this.tempInitialPassword = tempInitialPassword),
       );
 
     this.facade.user$.pipe(untilDestroyed(this)).subscribe((user) => {

src/app/components/change-password-form/change-password-form.facade.ts

@@ -39,11 +39,11 @@ export class ChangePasswordFormFacade {
             this.store.dispatch(AuthActions.passwordChangeRequested({ request }));
           } else {
             this.store.dispatch(
-              AuthActions.codeForPasswordChangeRequested({ email: formData.email })
+              AuthActions.codeForPasswordChangeRequested({ email: formData.email }),
             );
           }
         }),
-        first()
+        first(),
       )
       .subscribe();
   }

src/app/components/club-map/club-map.component.ts

@@ -50,7 +50,7 @@ export class ClubMapComponent implements OnInit {
           });
         })
         .catch((error) =>
-          console.error(`[LCC] Error creating Google Maps advanced marker: ${error}`)
+          console.error(`[LCC] Error creating Google Maps advanced marker: ${error}`),
         );
     }
   }

src/app/components/dropdown/dropdown.directive.ts

@@ -22,7 +22,7 @@ export class DropdownDirective {
 
   constructor(
     @Inject(DOCUMENT) private _document: Document,
-    private elementRef: ElementRef
+    private elementRef: ElementRef,
   ) {}
 
   @HostListener('document:click', ['$event', '$event.target'])
@@ -38,7 +38,7 @@ export class DropdownDirective {
       ?.contains(targetElement);
 
     const clickedOnDropdownLink = Array.from(
-      this._document.querySelectorAll('.lcc-dropdown .lcc-dropdown-link')
+      this._document.querySelectorAll('.lcc-dropdown .lcc-dropdown-link'),
     ).some((element) => element?.contains(targetElement));
 
     const clickedOutside = !this.dropdownElement.contains(targetElement);

src/app/components/event-form/event-form.component.ts

@@ -22,7 +22,7 @@ export class EventFormComponent implements OnInit {
 
   constructor(
     public facade: EventFormFacade,
-    private formBuilder: FormBuilder
+    private formBuilder: FormBuilder,
   ) {}
 
   ngOnInit(): void {

src/app/components/event-form/event-form.facade.ts

@@ -27,11 +27,11 @@ export class EventFormFacade {
             ? this.store.dispatch(
                 ScheduleActions.updateEventSelected({
                   event,
-                })
+                }),
               )
-            : this.store.dispatch(ScheduleActions.addEventSelected({ event }))
+            : this.store.dispatch(ScheduleActions.addEventSelected({ event })),
         ),
-        first()
+        first(),
       )
       .subscribe();
   }

src/app/components/image-overlay/image-overlay.component.ts

@@ -25,7 +25,7 @@ export class ImageOverlayComponent implements OnInit, OnDestroy {
     public facade: ImageOverlayFacade,
     private loaderService: LoaderService,
     private renderer: Renderer2,
-    @Inject(DOCUMENT) private _document: Document
+    @Inject(DOCUMENT) private _document: Document,
   ) {}
 
   ngOnInit(): void {

src/app/components/login-form/login-form.component.ts

@@ -25,7 +25,7 @@ export class LoginFormComponent implements OnInit {
 
   constructor(
     public facade: LoginFormFacade,
-    private formBuilder: FormBuilder
+    private formBuilder: FormBuilder,
   ) {}
 
   ngOnInit(): void {

src/app/components/markdown-renderer/markdown-renderer.component.ts

@@ -19,7 +19,7 @@ export class MarkdownRendererComponent implements OnInit, AfterViewChecked {
   constructor(
     private router: Router,
     @Inject(DOCUMENT)
-    private _document: Document
+    private _document: Document,
   ) {}
 
   ngOnInit(): void {
@@ -50,7 +50,7 @@ export class MarkdownRendererComponent implements OnInit, AfterViewChecked {
 
   private addArticleAnchorIds(): void {
     const headerElements = this._document.querySelectorAll(
-      'markdown h1, markdown h2, markdown h3, markdown h4, markdown h5, markdown h6'
+      'markdown h1, markdown h2, markdown h3, markdown h4, markdown h5, markdown h6',
     );
 
     if (headerElements) {
@@ -68,14 +68,14 @@ export class MarkdownRendererComponent implements OnInit, AfterViewChecked {
     this.router.events
       .pipe(
         filter((event) => event instanceof Scroll),
-        untilDestroyed(this)
+        untilDestroyed(this),
       )
       .subscribe((event) => this.scrollToAnchor((event as Scroll).anchor!));
   }
 
   private scrollToAnchor(anchorToScrollTo?: string): void {
     const elementToScrollTo = this._document.getElementById(
-      anchorToScrollTo ?? 'app-container'
+      anchorToScrollTo ?? 'app-container',
     );
 
     if (elementToScrollTo) {

src/app/components/member-form/member-form.component.ts

@@ -28,7 +28,7 @@ export class MemberFormComponent implements OnInit {
 
   constructor(
     public facade: MemberFormFacade,
-    private formBuilder: FormBuilder
+    private formBuilder: FormBuilder,
   ) {}
 
   ngOnInit(): void {

src/app/components/member-form/member-form.facade.ts

@@ -27,11 +27,11 @@ export class MemberFormFacade {
             ? this.store.dispatch(
                 MembersActions.updateMemberSelected({
                   member,
-                })
+                }),
               )
-            : this.store.dispatch(MembersActions.addMemberSelected({ member }))
+            : this.store.dispatch(MembersActions.addMemberSelected({ member })),
         ),
-        first()
+        first(),
       )
       .subscribe();
   }

src/app/components/modal/modal.facade.ts

@@ -18,7 +18,7 @@ export class ModalFacade {
   // TODO: Hook up for all other 'cancel' action types
   onClose(): void {
     this.store.dispatch(
-      ModalActions.selectionMade({ action: ModalButtonActionTypes.LEAVE_CANCEL })
+      ModalActions.selectionMade({ action: ModalButtonActionTypes.LEAVE_CANCEL }),
     );
   }
 }

src/app/components/schedule/schedule.component.ts

@@ -39,7 +39,7 @@ export class ScheduleComponent implements OnInit {
     this.facade.events$
       .pipe(
         untilDestroyed(this),
-        combineLatestWith(this.facade.upcomingEvents$, this.facade.showPastEvents$)
+        combineLatestWith(this.facade.upcomingEvents$, this.facade.showPastEvents$),
       )
       .subscribe(([allEvents, upcomingEvents, showPastEvents]) => {
         this.shownEvents =

src/app/components/tooltip/tooltip.directive.ts

@@ -32,7 +32,7 @@ export class TooltipDirective implements OnChanges, OnDestroy {
 
   constructor(
     private elementRef: ElementRef,
-    private viewContainerRef: ViewContainerRef
+    private viewContainerRef: ViewContainerRef,
   ) {}
 
   @HostListener('mouseenter')
@@ -87,7 +87,7 @@ export class TooltipDirective implements OnChanges, OnDestroy {
 
       const tooltipTextWidth = getTextWidth(
         this.tooltip,
-        this.TOOLTIP_MAX_WIDTH_PX - this.TOOLTIP_SIDE_PADDING_PX
+        this.TOOLTIP_MAX_WIDTH_PX - this.TOOLTIP_SIDE_PADDING_PX,
       );
 
       const rightOverflow =

src/app/guards/auth.guard.ts

@@ -13,7 +13,7 @@ import { NavPathTypes } from '@app/types';
 export class AuthGuard {
   constructor(
     private readonly router: Router,
-    private readonly store: Store
+    private readonly store: Store,
   ) {}
 
   canActivate(): Observable<boolean> {
@@ -45,7 +45,7 @@ export class AuthGuard {
 
         this.router.navigate([redirectPath]);
         return false;
-      })
+      }),
     );
   }
 }

src/app/guards/unsaved-article.guard.ts

@@ -22,9 +22,9 @@ export class UnsavedArticleGuard {
         this.store.dispatch(ModalActions.leaveWithUnsavedChangesRequested());
         return this.store.select(ModalSelectors.selection).pipe(
           filter((selection) => !!selection),
-          map((selection) => selection === ModalButtonActionTypes.LEAVE_OK)
+          map((selection) => selection === ModalButtonActionTypes.LEAVE_OK),
         );
-      })
+      }),
     );
   }
 }

src/app/guards/unsaved-event.guard.ts

@@ -22,9 +22,9 @@ export class UnsavedEventGuard {
         this.store.dispatch(ModalActions.leaveWithUnsavedChangesRequested());
         return this.store.select(ModalSelectors.selection).pipe(
           filter((selection) => !!selection),
-          map((selection) => selection === ModalButtonActionTypes.LEAVE_OK)
+          map((selection) => selection === ModalButtonActionTypes.LEAVE_OK),
         );
-      })
+      }),
     );
   }
 }