updated page-query.ts, use-tree-mutation.ts, recycled-pages.ts

apps/client/src/features/page/queries/page-query.ts

@@ -177,5 +177,6 @@ export function useDeletedPagesQuery(
   return useQuery({
     queryKey: ["deleted-pages", spaceId],
     queryFn: () => getDeletedPages(spaceId),
+    refetchOnMount: true,
   });
 }

apps/client/src/features/page/tree/hooks/use-tree-mutation.ts

@@ -13,7 +13,6 @@ import { IMovePage, IPage } from "@/features/page/types/page.types.ts";
 import { useNavigate, useParams } from "react-router-dom";
 import {
   useCreatePageMutation,
-  // useDeletePageMutation,
   useRemovePageMutation,
   useMovePageMutation,
   useUpdatePageMutation,
@@ -28,7 +27,6 @@ export function useTreeMutation<T>(spaceId: string) {
   const tree = useMemo(() => new SimpleTree<SpaceTreeNode>(data), [data]);
   const createPageMutation = useCreatePageMutation();
   const updatePageMutation = useUpdatePageMutation();
-  // const deletePageMutation = useDeletePageMutation();
   const removePageMutation = useRemovePageMutation();
   const movePageMutation = useMovePageMutation();
   const navigate = useNavigate();

apps/client/src/features/space/components/recycled-pages.tsx

@@ -54,8 +54,8 @@ export default function RecycledPagesList({
 
     return (
         <>
-            {data && (
-                <Table>
+            {data && data.items.length > 0 ? (
+                <Table highlightOnHover verticalSpacing="sm">
                     <Table.Thead>
                         <Table.Th>Deleted Pages</Table.Th>
                     </Table.Thead>
@@ -101,6 +101,10 @@ export default function RecycledPagesList({
                         ))}
                     </Table.Tbody>
                 </Table>
+            ) : (
+                <Text size="sm" c="dimmed">
+                    No deleted pages
+                </Text>
             )}
         </>
     );