From e0aebd8f327dddec4493ac6463ec75a927a4ccd6 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Thu, 19 Oct 2023 10:55:48 -0700
Subject: [PATCH] fix: :bug: MkDialog/MkWaitingDialog icons

---
 packages/client/src/components/MkDialog.vue     | 17 ++++++-----------
 .../client/src/components/MkWaitingDialog.vue   |  4 ++--
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/packages/client/src/components/MkDialog.vue b/packages/client/src/components/MkDialog.vue
index ce1bfc387..216fb4500 100644
--- a/packages/client/src/components/MkDialog.vue
+++ b/packages/client/src/components/MkDialog.vue
@@ -11,32 +11,27 @@
 			</div>
 			<div
 				v-else-if="!input && !select"
-				:class="[$style.icon, $style['type_' + type]]"
+				:class="[$style.icon, $style[`type_${type}`]]"
 			>
 				<i
 					v-if="type === 'success'"
-					:class="$style.iconInner"
-					class="ph-check ph-lg"
+					:class="[$style.iconInner, iconClass('ph-check')]"
 				></i>
 				<i
 					v-else-if="type === 'error'"
-					:class="$style.iconInner"
-					class="ph-circle-wavy-warning ph-lg"
+					:class="[$style.iconInner, iconClass('ph-circle-wavy-warning')]"
 				></i>
 				<i
 					v-else-if="type === 'warning'"
-					:class="$style.iconInner"
-					class="ph-warning ph-lg"
+					:class="[$style.iconInner, iconClass('ph-warning')]"
 				></i>
 				<i
 					v-else-if="type === 'info'"
-					:class="$style.iconInner"
-					class="ph-info ph-lg"
+					:class="[$style.iconInner, iconClass('ph-info')]"
 				></i>
 				<i
 					v-else-if="type === 'question'"
-					:class="$style.iconInner"
-					class="ph-circle-question ph-lg"
+					:class="[$style.iconInner, iconClass('ph-question')]"
 				></i>
 				<MkLoading
 					v-else-if="type === 'waiting'"
diff --git a/packages/client/src/components/MkWaitingDialog.vue b/packages/client/src/components/MkWaitingDialog.vue
index 944ec2937..b5732c951 100644
--- a/packages/client/src/components/MkWaitingDialog.vue
+++ b/packages/client/src/components/MkWaitingDialog.vue
@@ -14,8 +14,7 @@
 		>
 			<i
 				v-if="success"
-				:class="[$style.icon, $style.success]"
-				class="ph-check ph-lg"
+				:class="[$style.icon, $style.success, iconClass('ph-check')]"
 			></i>
 			<MkLoading
 				v-else
@@ -32,6 +31,7 @@
 <script lang="ts" setup>
 import { shallowRef, watch } from "vue";
 import MkModal from "@/components/MkModal.vue";
+import iconClass from "@/scripts/icon"
 
 const modal = shallowRef<InstanceType<typeof MkModal>>();