From 66ef6a8da81e32dff549917885e8aed9a6eddfb6 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Fri, 23 Jun 2023 15:36:28 -0700
Subject: [PATCH] refactor: :recycle: refactor MkModalWindow for TS safety

---
 .../client/src/components/MkModalWindow.vue   | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/client/src/components/MkModalWindow.vue b/packages/client/src/components/MkModalWindow.vue
index a3dccb7644..31943d1f3e 100644
--- a/packages/client/src/components/MkModalWindow.vue
+++ b/packages/client/src/components/MkModalWindow.vue
@@ -10,20 +10,20 @@
 			ref="rootEl"
 			class="ebkgoccj"
 			:style="{
-				width: `${width}px`,
+				width: `${props.width}px`,
 				height: scroll
 					? height
-						? `${height}px`
+						? `${props.height}px`
 						: null
 					: height
-					? `min(${height}px, 100%)`
+					? `min(${props.height}px, 100%)`
 					: '100%',
 			}"
 			tabindex="-1"
 		>
 			<div ref="headerEl" class="header">
 				<button
-					v-if="withOkButton"
+					v-if="props.withOkButton"
 					:aria-label="i18n.t('close')"
 					class="_button"
 					@click="$emit('close')"
@@ -35,7 +35,7 @@
 					<slot name="header"></slot>
 				</span>
 				<button
-					v-if="!withOkButton"
+					v-if="!props.withOkButton"
 					:aria-label="i18n.t('close')"
 					class="_button"
 					@click="$emit('close')"
@@ -43,10 +43,10 @@
 					<i class="ph-x ph-bold ph-lg"></i>
 				</button>
 				<button
-					v-if="withOkButton"
+					v-if="props.withOkButton"
 					:aria-label="i18n.t('ok')"
 					class="_button"
-					:disabled="okButtonDisabled"
+					:disabled="props.okButtonDisabled"
 					@click="$emit('ok')"
 				>
 					<i class="ph-check ph-bold ph-lg"></i>
@@ -92,8 +92,10 @@ let modal = $shallowRef<InstanceType<typeof MkModal>>();
 let rootEl = $shallowRef<HTMLElement>();
 let headerEl = $shallowRef<HTMLElement>();
 
-const close = () => {
-	modal.close();
+const close = (ev) => {
+	if (modal != null) {
+		modal.close(ev);
+	}
 };
 
 const onBgClick = () => {