diff --git a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/page.tsx
index 065267b2e..d4c1a4578 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/page.tsx
@@ -2,11 +2,13 @@
import { useQuery } from "@tanstack/react-query";
import { useAtomValue } from "jotai";
+import { RefreshCw } from "lucide-react";
import { motion } from "motion/react";
import { useParams } from "next/navigation";
import { useTranslations } from "next-intl";
import { useCallback, useEffect, useId, useMemo, useState } from "react";
import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
import { deleteDocumentMutationAtom } from "@/atoms/documents/document-mutation.atoms";
import { documentTypeCountsAtom } from "@/atoms/documents/document-query.atoms";
import type { DocumentTypeEnum } from "@/contracts/types/document.types";
@@ -127,7 +129,8 @@ export default function DocumentsTable() {
} else {
await refetchDocuments();
}
- }, [debouncedSearch, refetchSearch, refetchDocuments]);
+ toast.success(t("refresh_success") || "Documents refreshed");
+ }, [debouncedSearch, refetchSearch, refetchDocuments, t]);
// Create a delete function for single document deletion
const deleteDocument = useCallback(
@@ -189,8 +192,24 @@ export default function DocumentsTable() {
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.3 }}
- className="w-full px-6 py-4 min-h-[calc(100vh-64px)]"
+ className="w-full px-6 py-4 space-y-6 min-h-[calc(100vh-64px)]"
>
+
+
+
{t("title")}
+
{t("subtitle")}
+
+
+
+