From 5aff50b13bb775774cd868cb2b9a19cd23effdee Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Wed, 6 Sep 2023 11:11:13 +0000
Subject: [PATCH] feat: add initial empty state for no results

---
 apps/web/src/app/(dashboard)/documents/page.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/app/(dashboard)/documents/page.tsx b/apps/web/src/app/(dashboard)/documents/page.tsx
index 0ee770104..4597ab833 100644
--- a/apps/web/src/app/(dashboard)/documents/page.tsx
+++ b/apps/web/src/app/(dashboard)/documents/page.tsx
@@ -1,5 +1,7 @@
 import Link from 'next/link';
 
+import { CheckCircle2 } from 'lucide-react';
+
 import { getRequiredServerComponentSession } from '@documenso/lib/next-auth/get-server-session';
 import { findDocuments } from '@documenso/lib/server-only/document/find-documents';
 import { getStats } from '@documenso/lib/server-only/document/get-stats';
@@ -89,8 +91,21 @@ export default async function DocumentsPage({ searchParams = {} }: DocumentsPage
       </div>
 
       <div className="mt-8">
-        <DocumentsDataTable results={results} />
+        {results.count > 0 && <DocumentsDataTable results={results} />}
+        {results.count === 0 && <EmptyDocumentState />}
       </div>
     </div>
   );
 }
+
+const EmptyDocumentState = () => {
+  return (
+    <div className="text-muted-foreground/50 flex h-96 flex-col items-center justify-center space-y-3">
+      <CheckCircle2 className="text-muted-foreground/50 h-14 w-14" />
+      <div className="text-center">
+        <h3 className="text-lg font-semibold">All done</h3>
+        <p>All documents signed for now.</p>
+      </div>
+    </div>
+  );
+};