drexa/drive
1
0
Fork 0
mirror of https://github.com/get-drexa/drive.git synced 2025-11-30 21:41:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: tailor root breadcrumb label

Browse Source 
in all files page, the root breadcrumb label says "All Files", and
"Trash" in trash page
This commit is contained in:
Kenneth
2025-10-05 00:48:36 +00:00
parent 94b35df0e5
commit b43a88c6fc
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/directories/directory-page/file-path-breadcrumb.tsx
View File

@@ -22,7 +22,7 @@ import { cn } from "../../lib/utils"
import { DirectoryPageContext } from "./context" import { DirectoryPageContext } from "./context"
import { dragInfoAtom } from "./state" import { dragInfoAtom } from "./state"
export function FilePathBreadcrumb() { export function FilePathBreadcrumb({ rootLabel }: { rootLabel: string }) {
const { rootDirectory, directory } = useContext(DirectoryPageContext) const { rootDirectory, directory } = useContext(DirectoryPageContext)
const breadcrumbItems: React.ReactNode[] = [] const breadcrumbItems: React.ReactNode[] = []
@@ -40,7 +40,7 @@ export function FilePathBreadcrumb() {
<BreadcrumbList> <BreadcrumbList>
{rootDirectory._id === directory._id ? ( {rootDirectory._id === directory._id ? (
<BreadcrumbItem> <BreadcrumbItem>
<BreadcrumbPage>All Files</BreadcrumbPage> <BreadcrumbPage>{rootLabel}</BreadcrumbPage>
</BreadcrumbItem> </BreadcrumbItem>
) : ( ) : (
<FilePathBreadcrumbItem component={directory.path[0]!} /> <FilePathBreadcrumbItem component={directory.path[0]!} />

2
packages/web/src/routes/_authenticated/_sidebar-layout/directories.$directoryId.tsx
View File

@@ -126,7 +126,7 @@ function RouteComponent() {
value={{ rootDirectory, directory, directoryContent }} value={{ rootDirectory, directory, directoryContent }}
> >
<header className="flex py-2 shrink-0 items-center gap-2 border-b px-4 w-full"> <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"> <div className="ml-auto flex flex-row gap-2">
<NewDirectoryItemDropdown /> <NewDirectoryItemDropdown />
<UploadFileButton /> <UploadFileButton />

2
packages/web/src/routes/_authenticated/_sidebar-layout/trash.directories.$directoryId.tsx
View File

@@ -92,7 +92,7 @@ function RouteComponent() {
value={{ rootDirectory, directory, directoryContent }} value={{ rootDirectory, directory, directoryContent }}
> >
<header className="flex py-2 shrink-0 items-center gap-2 border-b px-4 w-full"> <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"> <div className="ml-auto flex flex-row gap-2">
<EmptyTrashButton /> <EmptyTrashButton />
</div> </div>