diff --git a/apps/web/modules/settings/outOfOffice/OutOfOfficeEntriesList.tsx b/apps/web/modules/settings/outOfOffice/OutOfOfficeEntriesList.tsx index 306b1d83df..173cd93fdc 100644 --- a/apps/web/modules/settings/outOfOffice/OutOfOfficeEntriesList.tsx +++ b/apps/web/modules/settings/outOfOffice/OutOfOfficeEntriesList.tsx @@ -135,9 +135,19 @@ function OutOfOfficeEntriesListContent({ const flatData = useMemo( () => isPending || isFetching ? new Array(5).fill(null) : data?.pages?.flatMap((page) => page.rows) ?? [], - [data, selectedTab, isPending, isFetching, searchTerm] + [data, isPending, isFetching] ) as OutOfOfficeEntry[]; + const deleteOutOfOfficeEntryMutation = trpc.viewer.ooo.outOfOfficeEntryDelete.useMutation({ + onSuccess: () => { + showToast(t("success_deleted_entry_out_of_office"), "success"); + setDeletedEntry((previousValue) => previousValue + 1); + }, + onError: () => { + showToast(`An error occurred`, "error"); + }, + }); + const memoColumns = useMemo(() => { const columnHelper = createColumnHelper(); return [ @@ -333,7 +343,7 @@ function OutOfOfficeEntriesListContent({ }, }), ]; - }, [selectedTab, isPending, isFetching, onOpenEditDialog, t]); + }, [selectedTab, isPending, isFetching, onOpenEditDialog, t, deleteOutOfOfficeEntryMutation, totalRowCount]); const table = useReactTable({ data: flatData, @@ -349,16 +359,6 @@ function OutOfOfficeEntriesListContent({ getFilteredRowModel: getFilteredRowModel(), }); - const deleteOutOfOfficeEntryMutation = trpc.viewer.ooo.outOfOfficeEntryDelete.useMutation({ - onSuccess: () => { - showToast(t("success_deleted_entry_out_of_office"), "success"); - setDeletedEntry((previousValue) => previousValue + 1); - }, - onError: () => { - showToast(`An error occurred`, "error"); - }, - }); - return ( <>