enh: added option to render icon and text for breadcrumb

Signed-off-by: Eduardo Morales <emoral435@gmail.com>

apps/files/src/components/BreadCrumbs.vue

@@ -29,6 +29,7 @@
 			:key="section.dir"
 			v-bind="section"
 			dir="auto"
+			:icon-text="isPersonalFiles"
 			:to="section.to"
 			:title="titleForSection(index, section)"
 			:aria-description="ariaForSection(section)"
@@ -108,6 +109,10 @@ export default defineComponent({
 				}
 			})
 		},
+
+		isPersonalFiles(): string {
+			return this.$route?.fullPath.startsWith('/personal-files') ? t('files', 'Personal files') : ""
+		},
 	},
 
 	methods: {

apps/files/src/views/personal-files.ts

@@ -23,7 +23,7 @@ import { translate as t } from '@nextcloud/l10n'
 import { View, getNavigation } from '@nextcloud/files'
 
 import { getContents } from '../services/PersonalFiles'
-import FolderHome from '@mdi/svg/svg/folder-home.svg?raw'
+import AccountIcon from '@mdi/svg/svg/account.svg?raw'
 import logger from '../logger'
 
 export default () => {
@@ -38,7 +38,7 @@ export default () => {
 		emptyTitle: t('files', 'No personal files found'),
 		emptyCaption: t('files', 'Files that are not shared will show up here.'),
 
-		icon: FolderHome,
+		icon: AccountIcon,
 		order: 5,
 
 		getContents,