fix: show title, keyword&category join with ,

Services/client/src/components/FileItem.vue

@@ -323,7 +323,7 @@ async function submitFileForm(
           class="text-overflow-handle block q-px-md text-center"
           style="max-width: 100%"
         >
-          {{ getFileNameFormat(value.fileName) }}
+          {{ value.title }}
         </div>
       </div>
     </div>

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

@@ -54,7 +54,7 @@ async function downloadSubmit(path: any) {
               color="primary"
             />
           </q-btn>
-          {{ getFileNameFormat(fileInfo?.fileName) }}</span
+          {{ fileInfo?.title }}</span
         >
       </div>
 
@@ -85,7 +85,7 @@ async function downloadSubmit(path: any) {
                 class="text-overflow-handle block q-px-md text-center"
                 style="max-width: 100%"
               >
-                {{ getFileNameFormat(fileInfo?.fileName) }}
+                {{ fileInfo?.title }}
               </div>
             </div>
             <div class="column q-py-sm">
@@ -133,12 +133,7 @@ async function downloadSubmit(path: any) {
               <span>กลุ่ม/หมวดหมู่</span>
             </div>
             <div class="col-grow">
-              <span
+              <span class="text-grey">{{ fileInfo?.category.join(', ') }}</span>
-                class="text-grey"
-                v-for="category in fileInfo?.category"
-                :key="category"
-                >{{ category }}</span
-              >
             </div>
           </div>
           <q-separator />
@@ -147,12 +142,7 @@ async function downloadSubmit(path: any) {
               <span>คำสำคัญ</span>
             </div>
             <div class="col-grow">
-              <span
+              <span class="text-grey">{{ fileInfo?.keyword.join(', ') }}</span>
-                class="text-grey"
-                v-for="keyword in fileInfo?.keyword"
-                :key="keyword"
-                >{{ keyword }}&nbsp;</span
-              >
             </div>
           </div>
           <q-separator />