web/satellite/vuetify-poc: fix minor issues

This change fixes the invite members menu item on the projects table. It also updates the text for the empty state of the file browser. Issues: #6618,#6619 Change-Id: If19e7b41083b40f03169a033db72dde530a879b1
storj · Dec 21, 2023 · 41baf89 · 41baf89
1 parent 445cd8d
commit 41baf89
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/web/satellite/vuetify-poc/src/components/BrowserCardViewComponent.vue b/web/satellite/vuetify-poc/src/components/BrowserCardViewComponent.vue
@@ -72,7 +72,7 @@
     >
         <template #no-data>
             <div class="d-flex justify-center">
-                <p class="text-body-2">No data found.</p>
+                <p class="text-body-2">{{ search ? 'No data found.' : 'Drag and drop files to upload' }}</p>
             </div>
         </template>
 

diff --git a/web/satellite/vuetify-poc/src/components/BrowserTableComponent.vue b/web/satellite/vuetify-poc/src/components/BrowserTableComponent.vue
@@ -26,7 +26,7 @@
             :items="tableFiles"
             :search="search"
             :item-value="(item: BrowserObjectWrapper) => item.browserObject.Key"
-            no-data-text="No data found"
+            :no-data-text="search ? 'No data found' : 'Drag and drop files to upload'"
             :page="cursor.page"
             hover
             must-sort

diff --git a/web/satellite/vuetify-poc/src/components/ProjectsTableComponent.vue b/web/satellite/vuetify-poc/src/components/ProjectsTableComponent.vue
@@ -92,7 +92,7 @@
                                         </v-list-item-title>
                                     </v-list-item>
                                     <v-divider class="my-1" />
-                                    <v-list-item link>
+                                    <v-list-item link @click="emit('inviteClick', item)">
                                         <template #prepend>
                                             <icon-team size="18" />
                                         </template>
@@ -154,6 +154,7 @@ const props = defineProps<{
 
 const emit = defineEmits<{
     (event: 'joinClick', item: ProjectItemModel): void;
+    (event: 'inviteClick', item: ProjectItemModel): void;
 }>();
 
 const search = ref<string>('');

diff --git a/web/satellite/vuetify-poc/src/views/Projects.vue b/web/satellite/vuetify-poc/src/views/Projects.vue
@@ -74,7 +74,7 @@
         <v-row v-else-if="isTableView">
             <!-- Table view -->
             <v-col>
-                <ProjectsTableComponent :items="items" @join-click="onJoinClicked" />
+                <ProjectsTableComponent :items="items" @join-click="onJoinClicked" @invite-click="(item) => onInviteClicked(item)" />
             </v-col>
         </v-row>