refactor: clean code and handle

Services/client/src/components/FileItem.vue

@@ -20,16 +20,10 @@ const { getFolder, createFolder, editFolder, uploadFile } = useTreeDataStore()
 const drawer = ref<boolean>(false)
 const drawerFile = ref<boolean>(false)
 const drawerStatus = ref<'edit' | 'create'>('create')
-const input = ref<string>('')
 const inputFile = ref<File>()
 const fileTitle = ref<string>('')
 const fileDesc = ref<string>('')
 const fileCategory = ref<string>('')
-const optionsCategory = [
-  { label: 'ศิลปะ', value: 'art' },
-  { label: 'ภาพวาด', value: 'drawing' },
-  { label: 'ภาษาไทย', value: 'thai' },
-]
 const fileKeyword = ref<string>('')
 const editPathname = ref<string>('')
 
@@ -181,7 +175,7 @@ async function handleSubmit() {
           >
             <q-card-section class="column justify-center relative q-px-xl">
               <q-icon
-                name="description"
+                name="mdi-file"
                 class="add-icon"
                 size="6em"
                 color="primary"
@@ -259,10 +253,9 @@ async function handleSubmit() {
       dense
     />
     <span class="text-weight-bold">กลุ่ม/หมวดหมู่</span>
-    <q-select
+    <q-input
       class="q-my-md"
       outlined
-      :options="optionsCategory"
       v-model="fileCategory"
       placeholder="เลือกกลุ่ม/หมวดหมู่"
       dense

Services/client/src/modules/01_user/components/FileDownload.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useFileInfoStore } from '@/stores/file-info-data'
 
@@ -89,8 +88,13 @@ const { getType, getFormatDate, getSize } = useFileInfoStore()
             <div class="col-2">
               <span>กลุ่ม/หมวดหมู่</span>
             </div>
-            <div class="col-grow" v-for="category in fileInfo?.category" :key="category">
+            <div class="col-grow">
-              <span class="text-grey">{{ category }}</span>
+              <span
+                class="text-grey"
+                v-for="category in fileInfo?.category"
+                :key="category"
+                >{{ category }}</span
+              >
             </div>
           </div>
           <q-separator />
@@ -98,8 +102,13 @@ const { getType, getFormatDate, getSize } = useFileInfoStore()
             <div class="col-2">
               <span>คำสำคัญ</span>
             </div>
-            <div class="col-grow" v-for="keyword in fileInfo?.keyword" :key="keyword">
+            <div class="col-grow">
-              <span class="text-grey">{{ keyword }}</span>
+              <span
+                class="text-grey"
+                v-for="keyword in fileInfo?.keyword"
+                :key="keyword"
+                >{{ keyword }}</span
+              >
             </div>
           </div>
           <q-separator />
@@ -126,7 +135,9 @@ const { getType, getFormatDate, getSize } = useFileInfoStore()
               <span>วันที่อัปโหลด</span>
             </div>
             <div class="col-grow">
-              <span class="text-grey">{{ getFormatDate(fileInfo?.createdAt) }}</span>
+              <span class="text-grey">{{
+                getFormatDate(fileInfo?.createdAt)
+              }}</span>
             </div>
           </div>
         </div>

Services/client/src/stores/file-info-data.ts

@@ -139,6 +139,9 @@ export const useFileInfoStore = defineStore('info', () => {
   }
 
   function getFormatDate(dateTime: any): string {
+    if (dateTime === undefined) {
+      return 'unknow date'
+    } else {
       const date = new Date(dateTime)
       const result = date.toLocaleDateString('th-TH', {
         year: 'numeric',
@@ -147,8 +150,12 @@ export const useFileInfoStore = defineStore('info', () => {
       })
       return result
     }
+  }
 
   function getSize(size: any): string {
+    if (size === undefined) {
+      return 'unknow size'
+    } else {
       const units = ['B', 'KB', 'MB', 'GB', 'TB']
       let i = 0
       while (size >= 1024 && i < units.length - 1) {
@@ -157,6 +164,7 @@ export const useFileInfoStore = defineStore('info', () => {
       }
       return size.toFixed(2) + ' ' + units[i]
     }
+  }
 
   async function getFileInfo(data: EhrFile) {
     fileInfo.value = data