From a392c9ff21fd61784dbc1d67f305788bb2d11235 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sat, 7 Sep 2024 10:53:56 +0200
Subject: [PATCH] Fix: Close button triggering form submission issue

---
 .../home/browse/upload-movie/upload-movie.component.html    | 6 ++++--
 .../home/browse/upload-movie/upload-movie.component.ts      | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
index 4eba58b..6bd40a2 100644
--- a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
+++ b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
@@ -1,4 +1,4 @@
-<div class="overlay" (click)="uploadMovieOverview()">
+<div class="overlay" (click)="closeMovieUploadOverview()">
   <div class="center" (click)="stopPropagation($event)">
     <div class="content">
       <div class="headline">Upload Movie</div>
@@ -84,10 +84,12 @@
         </div>
         <div class="buttons">
           <app-btn-large
+            [type]="'button'"
             [value]="'Close'"
-            (click)="uploadMovieOverview()"
+            (click)="closeMovieUploadOverview()"
           ></app-btn-large>
           <app-btn-large
+            [type]="'submit'"
             [value]="'Upload Movie'"
             [disabled]="
               !movieData.title ||
diff --git a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
index 42bd596..d64ac5c 100644
--- a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
+++ b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
@@ -40,7 +40,7 @@ export class UploadMovieComponent {
     event.stopPropagation();
   }
 
-  uploadMovieOverview() {
+  closeMovieUploadOverview() {
     this.toggleUploadMovieOverview.emit(false);
   }
 
@@ -76,7 +76,7 @@ export class UploadMovieComponent {
       let formData = this.createFormData();
       await this.movieService.uploadMovie(formData);
       ngForm.resetForm();
-      this.uploadMovieOverview();
+      this.closeMovieUploadOverview();
       this.movieData.send = false;
       window.location.reload();
       this.errorService.clearError();