From b43a88c6fc30743ab680ddef4ab84064c0ab699c Mon Sep 17 00:00:00 2001
From: kenneth <kenneth@nym.sh>
Date: Sun, 5 Oct 2025 00:48:36 +0000
Subject: [PATCH] feat: tailor root breadcrumb label

in all files page, the root breadcrumb label says "All Files", and
"Trash" in trash page
---
 .../src/directories/directory-page/file-path-breadcrumb.tsx   | 4 ++--
 .../_sidebar-layout/directories.$directoryId.tsx              | 2 +-
 .../_sidebar-layout/trash.directories.$directoryId.tsx        | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/directories/directory-page/file-path-breadcrumb.tsx b/packages/web/src/directories/directory-page/file-path-breadcrumb.tsx
index d93a023..b9a21cd 100644
--- a/packages/web/src/directories/directory-page/file-path-breadcrumb.tsx
+++ b/packages/web/src/directories/directory-page/file-path-breadcrumb.tsx
@@ -22,7 +22,7 @@ import { cn } from "../../lib/utils"
 import { DirectoryPageContext } from "./context"
 import { dragInfoAtom } from "./state"
 
-export function FilePathBreadcrumb() {
+export function FilePathBreadcrumb({ rootLabel }: { rootLabel: string }) {
 	const { rootDirectory, directory } = useContext(DirectoryPageContext)
 
 	const breadcrumbItems: React.ReactNode[] = []
@@ -40,7 +40,7 @@ export function FilePathBreadcrumb() {
 			<BreadcrumbList>
 				{rootDirectory._id === directory._id ? (
 					<BreadcrumbItem>
-						<BreadcrumbPage>All Files</BreadcrumbPage>
+						<BreadcrumbPage>{rootLabel}</BreadcrumbPage>
 					</BreadcrumbItem>
 				) : (
 					<FilePathBreadcrumbItem component={directory.path[0]!} />
diff --git a/packages/web/src/routes/_authenticated/_sidebar-layout/directories.$directoryId.tsx b/packages/web/src/routes/_authenticated/_sidebar-layout/directories.$directoryId.tsx
index e8a4625..e354067 100644
--- a/packages/web/src/routes/_authenticated/_sidebar-layout/directories.$directoryId.tsx
+++ b/packages/web/src/routes/_authenticated/_sidebar-layout/directories.$directoryId.tsx
@@ -126,7 +126,7 @@ function RouteComponent() {
 			value={{ rootDirectory, directory, directoryContent }}
 		>
 			<header className="flex py-2 shrink-0 items-center gap-2 border-b px-4 w-full">
-				<FilePathBreadcrumb />
+				<FilePathBreadcrumb rootLabel="All Files" />
 				<div className="ml-auto flex flex-row gap-2">
 					<NewDirectoryItemDropdown />
 					<UploadFileButton />
diff --git a/packages/web/src/routes/_authenticated/_sidebar-layout/trash.directories.$directoryId.tsx b/packages/web/src/routes/_authenticated/_sidebar-layout/trash.directories.$directoryId.tsx
index f9caf68..ee23a0e 100644
--- a/packages/web/src/routes/_authenticated/_sidebar-layout/trash.directories.$directoryId.tsx
+++ b/packages/web/src/routes/_authenticated/_sidebar-layout/trash.directories.$directoryId.tsx
@@ -92,7 +92,7 @@ function RouteComponent() {
 			value={{ rootDirectory, directory, directoryContent }}
 		>
 			<header className="flex py-2 shrink-0 items-center gap-2 border-b px-4 w-full">
-				<FilePathBreadcrumb />
+				<FilePathBreadcrumb rootLabel="Trash" />
 				<div className="ml-auto flex flex-row gap-2">
 					<EmptyTrashButton />
 				</div>