From c8b68ce639f8326aa5f85fc61f44c0f5dc617d37 Mon Sep 17 00:00:00 2001
From: Andrii Rublov <airublev@outlook.com>
Date: Sun, 4 Feb 2024 00:27:31 +0000
Subject: [PATCH] feature: [F2V] Hide breadcrumbs when an upload is ongoing on
 narrow screen #40942

Signed-off-by: Andrii Rublov <airublev@outlook.com>
---
 apps/files/src/components/BreadCrumbs.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/apps/files/src/components/BreadCrumbs.vue b/apps/files/src/components/BreadCrumbs.vue
index 0975f1a6446..98d904d8f5b 100644
--- a/apps/files/src/components/BreadCrumbs.vue
+++ b/apps/files/src/components/BreadCrumbs.vue
@@ -26,6 +26,7 @@
 		:aria-label="t('files', 'Current directory path')">
 		<!-- Current path sections -->
 		<NcBreadcrumb v-for="(section, index) in sections"
+			v-show="shouldShowBreadcrumbs"
 			:key="section.dir"
 			v-bind="section"
 			dir="auto"
@@ -60,6 +61,8 @@ import { defineComponent } from 'vue'
 
 import { useFilesStore } from '../store/files.ts'
 import { usePathsStore } from '../store/paths.ts'
+import { useUploaderStore } from '../store/uploader.ts'
+import filesListWidthMixin from '../mixins/filesListWidth.ts'
 
 export default defineComponent({
 	name: 'BreadCrumbs',
@@ -78,12 +81,19 @@ export default defineComponent({
 		},
 	},
 
+	mixins: [
+		filesListWidthMixin,
+	],
+
 	setup() {
 		const filesStore = useFilesStore()
 		const pathsStore = usePathsStore()
+		const uploaderStore = useUploaderStore()
+
 		return {
 			filesStore,
 			pathsStore,
+			uploaderStore,
 		}
 	},
 
@@ -113,6 +123,15 @@ export default defineComponent({
 				}
 			})
 		},
+
+		uploadInProgress(): boolean {
+			return this.uploaderStore.queue.length !== 0
+		},
+
+		shouldShowBreadcrumbs(): boolean {
+        	return this.filesListWidth < 768 && !this.uploadInProgress
+    	},
+		
 	},
 
 	methods: {