only render button when valid file type

Signed-off-by: Elizabeth Danzberger <lizzy7128@tutanota.de>

src/file-actions.js

@@ -1,28 +1,32 @@
 import { FileAction, registerFileAction } from '@nextcloud/files'
-import { showError, spawnDialog } from '@nextcloud/dialogs'
+import { spawnDialog } from '@nextcloud/dialogs'
 import FileActionImport from './modules/modals/FileActionImport.vue'
 
 const icon = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24" viewBox="0 0 24 24">
     <path d="M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"/>
 </svg>
 `
 
+const validMimeTypes = [
+	'text/csv',
+	'text/html',
+	'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+	'application/vnd.ms-excel',
+]
+
 const fileAction = new FileAction({
 	id: 'import-to-tables',
 	displayName: () => t('tables', 'Import into Tables'),
 	iconSvgInline: () => icon,
 
-	exec: async (file) => {
-		const validFormats = /(.csv$)|(.xlsx$)|(.xls$)|(.html$)/gi
-		const isValidFormat = validFormats.test(file.extension)
-
-		if (!isValidFormat) {
-			showError(t('tables', 'This file type cannot be imported to Tables'))
-			return null
+	enabled: (files) => {
+		for (const file of files) {
+			return file.type == 'file' && validMimeTypes.includes(file.mime)
 		}
+	},
 
+	exec: async (file) => {
 		spawnDialog(FileActionImport, { t, file, })
-
 		return null
 	},
 })