From 14c8457b8373740ac00f629394b50d6cc0ac97a6 Mon Sep 17 00:00:00 2001
From: David Ludwig <davidludwigii@gmail.com>
Date: Fri, 16 Apr 2021 22:35:32 -0500
Subject: [PATCH] Fix issues preventing building

---
 services/request/src/app/components/AppModals.vue      | 10 +++++-----
 .../request/src/app/components/modals/MovieModal.vue   |  6 ++++--
 services/request/src/app/store/index.ts                | 10 ----------
 services/request/src/app/views/Search.vue              |  2 +-
 4 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/services/request/src/app/components/AppModals.vue b/services/request/src/app/components/AppModals.vue
index 23c0a54..f92f666 100644
--- a/services/request/src/app/components/AppModals.vue
+++ b/services/request/src/app/components/AppModals.vue
@@ -23,19 +23,19 @@ export default defineComponent({
 		modalClicked() {
 			console.log("Modal clicked");
 		},
-		...mapMutations({
-			hide: Mutation.ModalHide
-		})
+		// ...mapMutations({
+		// 	hide: Mutation.ModalHide
+		// })
 	},
 	mounted() {
 		document.addEventListener("keydown", (event: KeyboardEvent) => {
 			if (event.key != "Escape") {
 				return;
 			}
-			this.hide();
+			// this.hide();
 		});
 	}
-})
+});
 </script>
 
 <style lang="postcss">
diff --git a/services/request/src/app/components/modals/MovieModal.vue b/services/request/src/app/components/modals/MovieModal.vue
index f9f2734..4da5406 100644
--- a/services/request/src/app/components/modals/MovieModal.vue
+++ b/services/request/src/app/components/modals/MovieModal.vue
@@ -119,7 +119,8 @@ export default defineComponent({
 			this.computeBackdropColor();
 		},
 		computeBackdropColor() {
-			let rgb: {r: number, g: number, b: number};
+			// This is being weird and this is the only way I can fix it...
+			let rgb: {[k: string]: number} = {r: 0, g: 0, b: 0};
 			try {
 				rgb = getAverageRgb(<HTMLImageElement>this.$refs["poster"]);
 			} catch(e) {
@@ -137,7 +138,8 @@ export default defineComponent({
 			for (let k in rgb) {
 				rgb[k] *= 0.90;
 			}
-			this.rgb = rgb;
+
+			this.rgb = <any>rgb;
 		},
 		async fetchMovieDetails() {
 			let response = <movie> await (authFetch(`/api/movie/details/${this.movieId}`).then(response => response.json()));
diff --git a/services/request/src/app/store/index.ts b/services/request/src/app/store/index.ts
index 379631c..9887935 100644
--- a/services/request/src/app/store/index.ts
+++ b/services/request/src/app/store/index.ts
@@ -34,13 +34,3 @@ export function useStore() {
  * Export the store instance by default
  */
 export default store;
-
-import {Mutation} from "./mutations";
-import Modal from "@app/components/modals";
-(<any>window).modalShow = (name: Modal) => {
-	store.commit(Mutation.ModalShow, name);
-}
-
-(<any>window).modalHide = () => {
-	store.commit(Mutation.ModalHide, undefined);
-}
diff --git a/services/request/src/app/views/Search.vue b/services/request/src/app/views/Search.vue
index 2e9be19..b4f0e63 100644
--- a/services/request/src/app/views/Search.vue
+++ b/services/request/src/app/views/Search.vue
@@ -1,5 +1,5 @@
 <template>
-    <form @submit.prevent="search">
+    <form @submit.prevent="() => search()">
         <div class="flex rounded-xl overflow-hidden shadow-md mb-8">
             <input type="text" v-model="searchValue" :placeholder="exampleTitles[Math.floor(exampleTitles.length*Math.random())]"
                 class="w-full outline-none p-2 bg-white border border-gray-100 text-gray-800 placeholder-gray-400 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-gray-50 disabled:border-gray-400">