diff --git a/web/satellite/src/components/browser/FileEntry.vue b/web/satellite/src/components/browser/FileEntry.vue
index eb597ddcb..677eba134 100644
--- a/web/satellite/src/components/browser/FileEntry.vue
+++ b/web/satellite/src/components/browser/FileEntry.vue
@@ -118,11 +118,12 @@ import { useRouter } from 'vue-router';
import prettyBytes from 'pretty-bytes';
import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
+import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
import { MODALS } from '@/utils/constants/appStatePopUps';
import { BrowserObject, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
import { useAppStore } from '@/store/modules/appStore';
import { useConfigStore } from '@/store/modules/configStore';
+import { AnalyticsHttpApi } from '@/api/analytics';
import TableItem from '@/components/common/TableItem.vue';
@@ -139,6 +140,8 @@ const config = useConfigStore();
const notify = useNotify();
const router = useRouter();
+const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
+
const props = defineProps<{
path: string,
file: BrowserObject,
@@ -257,6 +260,7 @@ function openModal(): void {
if (config.state.config.galleryViewEnabled) {
appStore.setGalleryView(true);
+ analytics.eventTriggered(AnalyticsEvent.GALLERY_VIEW_CLICKED);
} else {
appStore.updateActiveModal(MODALS.objectDetails);
}
diff --git a/web/satellite/src/components/browser/galleryView/GalleryView.vue b/web/satellite/src/components/browser/galleryView/GalleryView.vue
index 8ea4ec9eb..3c52cd845 100644
--- a/web/satellite/src/components/browser/galleryView/GalleryView.vue
+++ b/web/satellite/src/components/browser/galleryView/GalleryView.vue
@@ -11,7 +11,7 @@
{{ file.Key }}
+{{ file?.Key || '' }}
{{ file.Key }}
+{{ file?.Key || '' }}
No preview available
The following file will be deleted.
+{{ object?.Key || '' }}
+ +