Merge pull request #104 from CS3219-AY2425S1/final-fixes-tresa

Fix landing page error

peer-prep-fe/src/landing-page/landing-page.component.ts

@@ -20,7 +20,7 @@ import { Question } from "../app/models/question.model"
 
 export class LandingPageComponent {
   @ViewChild(MatchModalComponent) matchModal!: MatchModalComponent;
-  selectedDifficulty: string = '';
+  selectedDifficulty: string | null = null;
   selectedCategory: string | null = null;
   question_categories: string[] = [];
   questions: Question[] = []; 
@@ -242,18 +242,20 @@ export class LandingPageComponent {
   }
 
   handleFindMatch() {
+    console.log("selectedDifficulty", this.selectedDifficulty);
+    console.log('in handle')
     this.errorMessage = null;
     const hasSelectedDifficulty = this.selectedDifficulty !== null;
     // const hasSelectedTopics = this.question_categories.some(topic => topic.selected);
     const hasSelectedTopics = this.selectedCategory !== null;
     this.matchButtonActive = hasSelectedDifficulty && hasSelectedTopics;
 
     if (!hasSelectedDifficulty && !hasSelectedTopics) {
-      this.displayError("Please select one difficulty and at least one topic.");
+      this.displayError("Please select one difficulty to choose a topic.");
     } else if (!hasSelectedDifficulty && hasSelectedTopics) {
       this.displayError("Please select a difficulty before selecting a topic.");
     } else if (hasSelectedDifficulty && !hasSelectedTopics) {
-      this.displayError("Please select at least one topic.");   
+      this.displayError("Please select one topic.");   
     }  
     else {
       this.errorMessage = null;