feat: play community quizzes

src/app/modules/community/community.module.ts

@@ -11,6 +11,7 @@ import { SharedModule } from '../../shared/shared.module';
 
 @NgModule({
     declarations: [ListQuizComponent, QuizDetailComponent, QuizListDetailComponent],
+    // exports: [ListQuizComponent, QuizDetailComponent, QuizListDetailComponent],
     imports: [CommonModule, MatTableModule, MatPaginatorModule, MatFormField, FormsModule, SharedModule],
 })
-export class CommunityModule {}
+export class CommunityModule { }

src/app/modules/community/quiz-list-detail/quiz-list-detail.component.html

@@ -12,7 +12,6 @@
         <div class="quiz-info-content">
             <p class="quiz-info-content-value">{{questionCount}} Questions, {{difficulty}}</p>
         </div>
-
     </div>
 
     <div class="new-quiz">

src/app/modules/community/quiz-list-detail/quiz-list-detail.component.ts

 import { Component, Input, SimpleChanges } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { QuestionService } from '../../../services/question.service';
 import { CommunityService } from '../../../services/community.service';
 
@@ -22,7 +22,8 @@ export class QuizListDetailComponent {
     constructor(
         private questionService: QuestionService,
         private activatedRoute: ActivatedRoute,
-        private communityService: CommunityService
+        private communityService: CommunityService,
+        private router: Router,
     ) { }
 
     ngOnChanges(changes: SimpleChanges): void {
@@ -51,6 +52,6 @@ export class QuizListDetailComponent {
 
 
     playQuiz() {
-        console.log('play quiz');
+        this.router.navigate(['/play-quiz'], { queryParams: { idQuiz: this.selectedQuiz } });
     }
 }