feat: add trash page

packages/web/src/dashboard/dashboard-sidebar.tsx

@@ -8,6 +8,7 @@ import {
 	HomeIcon,
 	LogOutIcon,
 	SettingsIcon,
+	TrashIcon,
 	User2Icon,
 } from "lucide-react"
 import {
@@ -62,6 +63,7 @@ function MainSidebarMenu() {
 				</SidebarMenuButton>
 			</SidebarMenuItem>
 			<AllFilesItem />
+			<TrashItem />
 		</SidebarMenu>
 	)
 }
@@ -89,6 +91,29 @@ function AllFilesItem() {
 	)
 }
 
+function TrashItem() {
+	const location = useLocation()
+	const rootDirectory = useConvexQuery(api.files.fetchRootDirectory)
+
+	if (!rootDirectory) return null
+
+	return (
+		<SidebarMenuItem>
+			<SidebarMenuButton
+				asChild
+				isActive={location.pathname.startsWith(
+					`/trash/directories/${rootDirectory._id}`,
+				)}
+			>
+				<Link to={`/trash/directories/${rootDirectory._id}`}>
+					<TrashIcon />
+					<span>Trash</span>
+				</Link>
+			</SidebarMenuButton>
+		</SidebarMenuItem>
+	)
+}
+
 function UserMenu() {
 	const { signOut } = useAuth()