From 614a032954b496218ff84443799aac539d67f145 Mon Sep 17 00:00:00 2001
From: Eddy Oyieko <oyieko99@gmail.com>
Date: Mon, 23 Sep 2024 14:17:58 +0300
Subject: [PATCH] updated page-query.ts, use-tree-mutation.ts,
 recycled-pages.ts

---
 apps/client/src/features/page/queries/page-query.ts       | 1 +
 .../src/features/page/tree/hooks/use-tree-mutation.ts     | 2 --
 .../src/features/space/components/recycled-pages.tsx      | 8 ++++++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/features/page/queries/page-query.ts b/apps/client/src/features/page/queries/page-query.ts
index 4c24cc9c..8bc9c9dd 100644
--- a/apps/client/src/features/page/queries/page-query.ts
+++ b/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,
   });
 }
diff --git a/apps/client/src/features/page/tree/hooks/use-tree-mutation.ts b/apps/client/src/features/page/tree/hooks/use-tree-mutation.ts
index 53ec2d8a..f76ae7aa 100644
--- a/apps/client/src/features/page/tree/hooks/use-tree-mutation.ts
+++ b/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();
diff --git a/apps/client/src/features/space/components/recycled-pages.tsx b/apps/client/src/features/space/components/recycled-pages.tsx
index 22e288a5..2676670b 100644
--- a/apps/client/src/features/space/components/recycled-pages.tsx
+++ b/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>
             )}
         </>
     );