diff --git a/apps/sim/app/workspace/[workspaceId]/settings/components/recently-deleted/recently-deleted.tsx b/apps/sim/app/workspace/[workspaceId]/settings/components/recently-deleted/recently-deleted.tsx index 85f19912951..83dcc05aa8f 100644 --- a/apps/sim/app/workspace/[workspaceId]/settings/components/recently-deleted/recently-deleted.tsx +++ b/apps/sim/app/workspace/[workspaceId]/settings/components/recently-deleted/recently-deleted.tsx @@ -1,7 +1,7 @@ 'use client' import { useMemo, useState } from 'react' -import { Chip, ChipInput, ChipModalTabs } from '@sim/emcn' +import { Chip, ChipInput, ChipModalTabs, cn } from '@sim/emcn' import { Search } from '@sim/emcn/icons' import { formatDate } from '@sim/utils/formatting' import { useParams, useRouter } from 'next/navigation' @@ -234,8 +234,15 @@ export function RecentlyDeleted() { const restoreWorkspaceFileFolder = useRestoreWorkspaceFileFolder() const restoreChat = useRestoreMothershipChat(workspaceId) - const { hasNextPage, isFetchingNextPage, isFetchNextPageError, fetchNextPage, isLoading, error } = - deletedQuery + const { + hasNextPage, + isFetchingNextPage, + isFetchNextPageError, + fetchNextPage, + isLoading, + isPlaceholderData, + error, + } = deletedQuery const loadMoreRef = useLoadMoreSentinel({ onLoadMore: fetchNextPage, @@ -396,7 +403,9 @@ export function RecentlyDeleted() { No deleted items ) ) : ( -
+
{filtered.map((resource) => { const isRestoring = restoringIds.has(resource.id) const isRestored = restoredItems.has(resource.id) @@ -436,7 +445,11 @@ export function RecentlyDeleted() { View ) : ( - void handleRestore(resource)}> + void handleRestore(resource)} + > Restore )