Merge pull request #682 from nidhish-srivastava/fix/pageerrorhandling

Handled error on /documents page if there is error fetching documents from server

Author: mfts

pages/documents/index.tsx

@@ -1,6 +1,6 @@
 import { useTeam } from "@/context/team-context";
 import { FolderPlusIcon, PlusIcon } from "lucide-react";
-
+import ErrorPage from "next/error";
 import { AddDocumentModal } from "@/components/documents/add-document-modal";
 import { DocumentsList } from "@/components/documents/documents-list";
 import { AddFolderModal } from "@/components/folders/add-folder-modal";
@@ -11,10 +11,17 @@ import { Separator } from "@/components/ui/separator";
 import useDocuments, { useRootFolders } from "@/lib/swr/use-documents";
 
 export default function Documents() {
-  const { documents } = useDocuments();
+  const { documents,error } = useDocuments();
   const { folders } = useRootFolders();
   const teamInfo = useTeam();
 
+  if (error && error.status === 404) {
+    return <ErrorPage statusCode={404} />;
+  }
+  if (error && error.status === 500) {
+    return <ErrorPage statusCode={500} />;
+  }
+
   return (
     <AppLayout>
       <div className="sticky top-0 z-50 bg-white p-4 pb-0 dark:bg-gray-900 sm:mx-4 sm:pt-8">