Fix dialog header text

Author: limcaaarl

frontend/src/app/questions/questions.component.html

@@ -78,7 +78,7 @@ <h3 class="m-0">Manage Questions</h3>
     <p-dialog header="Header" [(visible)]="isDialogVisible" [modal]="true" [style]="{ width: '25rem' }">
         <ng-template pTemplate="header">
             <div class="inline-flex align-items-center justify-content-center gap-2">
-                <span class="font-bold white-space-nowrap"> Create new question </span>
+                <span class="font-bold white-space-nowrap"> {{ dialogHeader }}</span>
             </div>
         </ng-template>
 

frontend/src/app/questions/questions.component.ts

@@ -67,6 +67,8 @@ export class QuestionsComponent implements OnInit {
 
     cols: Column[] = [];
 
+    dialogHeader = '';
+
     constructor(
         private questionService: QuestionService,
         private messageService: MessageService,
@@ -83,8 +85,6 @@ export class QuestionsComponent implements OnInit {
         this.initDifficulties();
 
         this.initFormGroup();
-
-        // this.initListeners();
     }
 
     get isTitleInvalid(): boolean {
@@ -108,6 +108,7 @@ export class QuestionsComponent implements OnInit {
     }
 
     openNewQuestion() {
+        this.dialogHeader = 'Create new question';
         this.resetFormGroup();
         this.question = {} as Question;
         this.submitted = false;
@@ -154,6 +155,7 @@ export class QuestionsComponent implements OnInit {
     }
 
     editQuestion(question: Question) {
+        this.dialogHeader = 'Edit Question';
         this.question.id = question.id;
         this.questionFormGroup.patchValue({
             title: question.title,