From c5f2544ff9e354fc1ea62f506e26d3c34db1b442 Mon Sep 17 00:00:00 2001
From: Chris Eldon <eldon922@outlook.com>
Date: Wed, 1 Jul 2026 23:11:57 +0700
Subject: [PATCH] fix: gated button add your first contact

(cherry picked from commit 90fd9bc4cc5b8270c44a8c8d1cbc864f38eb6e97)
---
 src/app/(dashboard)/contacts/page.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/(dashboard)/contacts/page.tsx b/src/app/(dashboard)/contacts/page.tsx
index f931abc..5d0bc9c 100644
--- a/src/app/(dashboard)/contacts/page.tsx
+++ b/src/app/(dashboard)/contacts/page.tsx
@@ -570,7 +570,9 @@ export default function ContactsPage() {
                         : 'No contacts yet.'}
                     </p>
                     {!hasActiveFilters && (
-                      <Button
+                      <GatedButton
+                        canAct={canEdit}
+                        gateReason="add or import contacts"
                         variant="outline"
                         size="sm"
                         onClick={openAddForm}
@@ -578,7 +580,7 @@ export default function ContactsPage() {
                       >
                         <Plus className="size-3.5" />
                         Add your first contact
-                      </Button>
+                      </GatedButton>
                     )}
                   </div>
                 </TableCell>