From bbf279f5460f9431f3b9cb14a6767d01138d676b Mon Sep 17 00:00:00 2001
From: Eduardo Morales <emoral435@gmail.com>
Date: Thu, 15 Feb 2024 09:20:32 -0600
Subject: enh: breadcrumbs icons are now more visually descriptive

Signed-off-by: Eduardo Morales <emoral435@gmail.com>
---
 apps/files/src/components/BreadCrumbs.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'apps/files')

diff --git a/apps/files/src/components/BreadCrumbs.vue b/apps/files/src/components/BreadCrumbs.vue
index f50a4d14fd8..88b976f93da 100644
--- a/apps/files/src/components/BreadCrumbs.vue
+++ b/apps/files/src/components/BreadCrumbs.vue
@@ -30,6 +30,7 @@
 			v-bind="section"
 			dir="auto"
 			:to="section.to"
+			:icon-text="true"
 			:title="titleForSection(index, section)"
 			:aria-description="ariaForSection(section)"
 			@click.native="onClick(section.to)">
@@ -119,7 +120,7 @@ export default defineComponent({
 		},
 		getDirDisplayName(path: string): string {
 			if (path === '/') {
-				return t('files', 'Home')
+				return this.$navigation?.active?.name || t('files', 'Home')
 			}
 
 			const fileId: number | undefined = this.getFileIdFromPath(path)
-- 
cgit v1.2.3


From 19619f53c6b33613b1321de0163077ee244cdbcf Mon Sep 17 00:00:00 2001
From: Eduardo Morales <emoral435@gmail.com>
Date: Fri, 16 Feb 2024 08:32:59 -0600
Subject: enh: breadcrumb icon matches nav view icon

Signed-off-by: Eduardo Morales <emoral435@gmail.com>
---
 apps/files/src/components/BreadCrumbs.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'apps/files')

diff --git a/apps/files/src/components/BreadCrumbs.vue b/apps/files/src/components/BreadCrumbs.vue
index 88b976f93da..0975f1a6446 100644
--- a/apps/files/src/components/BreadCrumbs.vue
+++ b/apps/files/src/components/BreadCrumbs.vue
@@ -30,12 +30,13 @@
 			v-bind="section"
 			dir="auto"
 			:to="section.to"
-			:icon-text="true"
+			:force-icon-text="true"
 			:title="titleForSection(index, section)"
 			:aria-description="ariaForSection(section)"
 			@click.native="onClick(section.to)">
 			<template v-if="index === 0" #icon>
-				<Home :size="20"/>
+				<NcIconSvgWrapper v-if="section.icon" :size="20" :svg="section.icon" />
+				<Home v-else :size="20"/>
 			</template>
 		</NcBreadcrumb>
 
@@ -54,6 +55,7 @@ import { basename } from 'path'
 import Home from 'vue-material-design-icons/Home.vue'
 import NcBreadcrumb from '@nextcloud/vue/dist/Components/NcBreadcrumb.js'
 import NcBreadcrumbs from '@nextcloud/vue/dist/Components/NcBreadcrumbs.js'
+import NcIconSvgWrapper from '@nextcloud/vue/dist/Components/NcIconSvgWrapper.js'
 import { defineComponent } from 'vue'
 
 import { useFilesStore } from '../store/files.ts'
@@ -66,6 +68,7 @@ export default defineComponent({
 		Home,
 		NcBreadcrumbs,
 		NcBreadcrumb,
+		NcIconSvgWrapper,
 	},
 
 	props: {
@@ -106,6 +109,7 @@ export default defineComponent({
 					exact: true,
 					name: this.getDirDisplayName(dir),
 					to,
+					icon: this.$navigation.active?.icon || null,
 				}
 			})
 		},
-- 
cgit v1.2.3