WIP trying to get the seasonID along with the file

server.js

@@ -202,6 +202,8 @@ app.post('/api/race/add', verifyToken, async (req, res) => {
 // route for handling requests from the Angular client 
 app.post('/api/upload-replay', upload.single('file'),  (req, res) => {
   let file = req.file;
+  console.log(req.body);
+  const { seasonId } = req.body;
   console.log("File uploaded: ", req.file);
   fs.readFile(file.path, function(err, buffer)
   {

src/app/components/season-details/season-details.component.html

@@ -4,7 +4,7 @@
     <div *ngIf="isAuthenticated">
         <button (click)="openNewRaceDialog()">New Race</button>
     </div>
-    <button mat-raised-button class="full-width-button" color="primary" (click)="openUploadReplayDialog()">Upload Replay</button>
+    <button mat-raised-button class="full-width-button" color="primary" (click)="openUploadReplayDialog(seasonInfo._id)">Upload Replay</button>
     <mat-divider></mat-divider>
     <br/>
     <mat-tab-group>

src/app/components/season-details/season-details.component.ts

@@ -70,10 +70,10 @@ export class SeasonDetailsComponent {
     });
   }
 
-  openUploadReplayDialog(): void {
+  openUploadReplayDialog(seasonId: string): void {
     const dialogRef = this.dialog.open(UploadReplayDialogComponent, {
       width: '400px',
-      data: { ...this.newRaceDetails }
+      data: { seasonId: seasonId }
     });
 
     dialogRef.afterClosed().subscribe(result => {

src/app/components/upload-replay-dialog/upload-replay-dialog.component.ts

@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import { Component, Inject } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { ApiService } from '../../services/api.service';
 
 @Component({
@@ -8,8 +9,14 @@ import { ApiService } from '../../services/api.service';
 })
 export class UploadReplayDialogComponent {
   fileName = '';
+  seasonId: string = '';
 
-  constructor(private apiService: ApiService) {}
+  constructor(private apiService: ApiService,
+              @Inject(MAT_DIALOG_DATA) seasonId: string 
+              ) 
+  {
+    this.seasonId = seasonId;
+  }
 
   onFileSelected(event: any) 
   {
@@ -19,6 +26,7 @@ export class UploadReplayDialogComponent {
         this.fileName = file.name;
         let formData = new FormData();
         formData.append("file", file);
+        formData.append("seasonID", this.seasonId);
         const upload$ = this.apiService.postReplayUpload(formData);
         upload$.subscribe();
     }

src/app/services/api.service.ts

@@ -1,6 +1,6 @@
 
 import { Injectable } from '@angular/core'; 
-import { HttpClient } from '@angular/common/http'; 
+import { HttpClient, HttpHeaders } from '@angular/common/http'; 
   
 @Injectable({ 
     providedIn: 'root'
@@ -20,8 +20,10 @@ export class ApiService
 
     postReplayUpload(file: any) 
     {
+        const headers = new HttpHeaders();
+        headers.append('Content-Type', 'multipart/form-data');
         return this.http.post( 
-            this.server_route+'/api/upload-replay', file);
+            this.server_route+'/api/upload-replay', file, { headers });
     }
 
     getSeasons()