From bef9374cfd64034d79fbffb46be88cb9f9aa44f9 Mon Sep 17 00:00:00 2001
From: Jarlem Red de Peralta <lmoa.jhdp@gmail.com>
Date: Thu, 13 Oct 2022 15:13:00 +0800
Subject: [PATCH] intrn(chat): make subkind `computed`

---
 .../chat_window/user_controller/file_upload.vue        | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/consultation/chat_window/user_controller/file_upload.vue b/components/consultation/chat_window/user_controller/file_upload.vue
index 0d7791d0d..6acc518f8 100644
--- a/components/consultation/chat_window/user_controller/file_upload.vue
+++ b/components/consultation/chat_window/user_controller/file_upload.vue
@@ -11,7 +11,8 @@
 				<input
 					type="hidden"
 					name="data[attributes][data][subkind]"
-					value="image"/>
+					class="sub-kind"
+					:value="subKind"/>
 				<input
 					type="hidden"
 					name="data[relationships][chatMessageActivity][data][id]"
@@ -47,7 +48,9 @@
 						{{ filename }}
 					</small>
 				</div>
-				<div class="preview-file-container bg-true-gray-200 flex items-center px-3 py-2">
+				<div
+					v-if="isAcceptingFile"
+					class="preview-file-container bg-true-gray-200 flex items-center px-3 py-2">
 					<span class="material-icons mr-2">
 						attachment
 					</span>
@@ -102,7 +105,8 @@ const props = defineProps<{
 }>()
 
 const isAcceptingImage = props.accept.includes("image/")
-const isAcceptingFile = props.accept.includes("file/")
+const isAcceptingFile = props.accept.includes("*/")
+const subKind = computed(() => (isAcceptingImage ? "image" : "file"))
 
 const filename = ref<string|null>(null)
 const hasExtracted = computed<boolean>(() => filename.value !== null)