feat(elections): added a button to jump to speeches from schedule page

Author: jbriones1

src/app/pages/elections/upcoming/elections-schedule.component.html

@@ -22,7 +22,7 @@ <h3 class="post__title">Duties</h3>
         </ul>
         <hr />
         <div class="post__footer">
-          <code-button label="Speeches"></code-button>
+          <code-button label="Speeches" (click)="navigate()"></code-button>
         </div>
       </div>
     </section>

src/app/pages/elections/upcoming/elections-schedule.component.ts

@@ -1,6 +1,8 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { Router } from '@angular/router';
 import { ArticleComponent } from '@csss-code/article/article.component';
 import { ButtonComponent } from '@csss-code/button/button.component';
+import { SiteRoute } from 'app/app.routes';
 
 @Component({
   selector: 'cs-upcoming',
@@ -10,5 +12,11 @@ import { ButtonComponent } from '@csss-code/button/button.component';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 // FIXME: Make this dynamic
-// eslint-disable-next-line @typescript-eslint/no-extraneous-class
-export class ElectionsScheduleComponent {}
+export class ElectionsScheduleComponent {
+  private router = inject(Router);
+
+  navigate(): void {
+    console.log(SiteRoute.ElectionsSpeeches);
+    this.router.navigate([SiteRoute.ElectionsSpeeches]);
+  }
+}