fix: trash page breadcrumb

Co-authored-by: Ona <no-reply@ona.com>

apps/drive-web/src/directories/directory-path-breadcrumb.tsx

@@ -6,6 +6,7 @@ import type {
 import type { DirectoryInfo } from "@fileone/convex/types"
 import { Link } from "@tanstack/react-router"
 import type { PrimitiveAtom } from "jotai"
+import { atom } from "jotai"
 import { Fragment } from "react"
 import {
 	Breadcrumb,
@@ -24,11 +25,16 @@ import type { FileDragInfo } from "@/files/use-file-drop"
 import { useFileDrop } from "@/files/use-file-drop"
 import { cn } from "@/lib/utils"
 
+/**
+ * This is a placeholder file drag info atom that always stores null and is never mutated.
+ */
+const nullFileDragInfoAtom = atom<FileDragInfo | null>(null)
+
 export function DirectoryPathBreadcrumb({
 	directory,
 	rootLabel,
 	directoryUrlFn,
-	fileDragInfoAtom,
+	fileDragInfoAtom = nullFileDragInfoAtom,
 }: {
 	directory: DirectoryInfo
 	rootLabel: string

apps/drive-web/src/routes/_authenticated/_sidebar-layout/directories.$directoryId.tsx

@@ -2,7 +2,6 @@ import { api } from "@fileone/convex/api"
 import type { Doc, Id } from "@fileone/convex/dataModel"
 import {
 	type FileSystemItem,
-	FileType,
 	newFileSystemHandle,
 } from "@fileone/convex/filesystem"
 import { useMutation } from "@tanstack/react-query"

apps/drive-web/src/routes/_authenticated/_sidebar-layout/trash.directories.$directoryId.tsx

@@ -109,6 +109,7 @@ function RouteComponent() {
 		>
 			<header className="flex py-2 shrink-0 items-center gap-2 border-b px-4 w-full">
 				<DirectoryPathBreadcrumb
+					directory={directory}
 					rootLabel="Trash"
 					directoryUrlFn={directoryUrlById}
 				/>