Fix bug where histories cannot be loaded during colab session

Fix interfaces to be more correct.

frontend/src/_services/history.service.ts

@@ -26,8 +26,8 @@ export class HistoryService extends ApiService {
                     difficulty: item.question.difficulty,
                     status: item.status,
                     time: item.createdAt,
-                    language: item.snapshot.language,
-                    code: item.snapshot.code,
+                    language: item.snapshot?.language,
+                    code: item.snapshot?.code,
                 })),
             ),
         );

frontend/src/app/account/history/history.component.html

@@ -80,3 +80,4 @@ <h4>{{ history?.question }}</h4>
         <div #editor class="editor-content"></div>
     </div>
 </div>
+<p-toast position="bottom-right" [breakpoints]="{ '920px': { width: '90%' } }" />

frontend/src/app/account/history/history.component.ts

@@ -12,10 +12,11 @@ import { oneDark } from '@codemirror/theme-one-dark';
 import { EditorState } from '@codemirror/state';
 import { EditorView, basicSetup } from 'codemirror';
 import { languageMap } from '../../collaboration/editor/languages';
+import { ToastModule } from 'primeng/toast';
 
 @Component({
     standalone: true,
-    imports: [TableModule, CommonModule, InputTextModule, ButtonModule, IconFieldModule, InputIconModule],
+    imports: [TableModule, CommonModule, InputTextModule, ButtonModule, IconFieldModule, InputIconModule, ToastModule],
     providers: [MessageService, DatePipe],
     templateUrl: './history.component.html',
     styleUrl: './history.component.css',
@@ -43,7 +44,6 @@ export class HistoryComponent implements OnInit {
                     time: this.datePipe.transform(history.time, 'short'), // Pipe to format date for searching
                 }));
                 this.loading = false;
-                console.log(this.histories);
             },
             error: () => {
                 this.histories = [];
@@ -63,6 +63,14 @@ export class HistoryComponent implements OnInit {
         this.isPanelVisible = true;
         if (history.code && history.language) {
             this.initializeEditor(history.code, history.language);
+        } else {
+            console.log("why no message?")
+            this.messageService.add({
+                severity: 'warn',
+                summary: 'Code Not Found',
+                detail: 'Your colaboration session might not have ended',
+                life: 3000,
+            });
         }
     }
 

frontend/src/app/account/history/history.model.ts

@@ -14,8 +14,8 @@ export interface MatchingHistory {
     topics: string[]; // question topics
     status: statusValues; // status of the session
     time: string | null; // time of the session
-    language: string | null; // language used during the session
-    code: string | null; // code written during the session
+    language: string | undefined; // language used during the session
+    code: string | undefined; // code written during the session
 }
 
 export interface User {
@@ -33,8 +33,8 @@ export interface Question {
 }
 
 export interface Snapshot {
-    language: string | null;
-    code: string | null;
+    language: string;
+    code: string;
 }
 
 export interface sessionHistory {
@@ -46,7 +46,7 @@ export interface sessionHistory {
     status: statusValues;
     createdAt: string;
     updatedAt: string;
-    snapshot: Snapshot;
+    snapshot?: Snapshot;
 }
 
 export interface historyResponse {