From 3a78658c2e35a06fa55fbd5782e4780b9d8002b5 Mon Sep 17 00:00:00 2001
From: Mike <mike.tasset@gmail.com>
Date: Mon, 24 Feb 2025 11:45:32 +0100
Subject: [PATCH] Fix: Add click to fileupload area (#4053)

---
 .../components/project/CardImportFileArea.vue      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/frontend-2/components/project/CardImportFileArea.vue b/packages/frontend-2/components/project/CardImportFileArea.vue
index ea6564f18..515e31656 100644
--- a/packages/frontend-2/components/project/CardImportFileArea.vue
+++ b/packages/frontend-2/components/project/CardImportFileArea.vue
@@ -1,16 +1,19 @@
+<!-- eslint-disable vuejs-accessibility/no-static-element-interactions -->
+<!-- eslint-disable vuejs-accessibility/click-events-have-key-events -->
 <template>
   <FormFileUploadZone
     ref="uploadZone"
-    v-slot="{ isDraggingFiles }"
+    v-slot="{ isDraggingFiles, openFilePicker }"
     :disabled="isUploading || disabled"
     :size-limit="maxSizeInBytes"
     :accept="accept"
-    class="flex items-center h-full"
+    class="flex items-center h-full cursor-pointer"
     @files-selected="onFilesSelected"
   >
     <div
       class="w-full h-full border-dashed border rounded-md p-4 flex items-center justify-center text-sm"
       :class="[getDashedBorderClasses(isDraggingFiles)]"
+      @click="openFilePicker"
     >
       <div
         v-if="fileUpload"
@@ -34,7 +37,12 @@
       </div>
       <span v-else class="text-body-xs text-foreground-2 text-center select-none">
         Use our
-        <NuxtLink target="_blank" :to="downloadManagerUrl" class="font-medium">
+        <NuxtLink
+          target="_blank"
+          :to="downloadManagerUrl"
+          class="font-medium underline"
+          @click.stop
+        >
           connectors
         </NuxtLink>
         to publish a {{ modelName ? '' : 'new model' }} version to