fix: file-icon

Services/client/src/components/FileIcon.vue

@@ -6,26 +6,24 @@ const { mimeFileMapping } = useFileInfoStore()
 defineProps<{ fileMimeType: string | undefined; size: string }>()
 
 function getIcon(mimeType: string) {
-  if (mimeFileMapping.hasOwnProperty(mimeType)) {
-    return mimeFileMapping[mimeType].icon
-  } else {
-    return 'mdi-file-question-outline'
-  }
+  return mimeType && mimeFileMapping.hasOwnProperty(mimeType)
+    ? mimeFileMapping[mimeType].icon
+    : 'mdi-file-question-outline'
 }
 function getColor(mimeType: string) {
-  if (mimeFileMapping.hasOwnProperty(mimeType)) {
-    return mimeFileMapping[mimeType].color
-  } else {
-    return 'blue-11'
-  }
+  return mimeType && mimeFileMapping.hasOwnProperty(mimeType)
+    ? mimeFileMapping[mimeType].color
+    : 'blue-11'
 }
-function getSize(s: string) {
-  if (s === 'preview') {
-    return '6em'
+function getIconSize(s: string) {
+  type SizeMapping = {
+    [key: string]: string
   }
-  if (s === 'list') {
-    return '2em'
+  const sizeMapping: SizeMapping = {
+    preview: '6em',
+    list: '2em',
   }
+  return sizeMapping[s]
 }
 </script>
 
@@ -33,6 +31,6 @@ function getSize(s: string) {
   <q-icon
     :name="fileMimeType && getIcon(fileMimeType)"
     :color="fileMimeType && getColor(fileMimeType)"
-    :size="getSize(size)"
+    :size="getIconSize(size)"
   />
 </template>