From 493b121ae80b3abc20a94e1a06c3c7b7f5992efe Mon Sep 17 00:00:00 2001
From: Patrik <patrik@payloadcms.com>
Date: Fri, 20 Sep 2024 15:48:57 -0400
Subject: [PATCH] fix(ui): hide dot menu in read-only mode for locked documents
 (#8342)

---
 packages/ui/src/elements/DocumentControls/index.tsx | 2 +-
 test/locked-documents/e2e.spec.ts                   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/elements/DocumentControls/index.tsx b/packages/ui/src/elements/DocumentControls/index.tsx
index 795bda3b41..d79be9efcd 100644
--- a/packages/ui/src/elements/DocumentControls/index.tsx
+++ b/packages/ui/src/elements/DocumentControls/index.tsx
@@ -243,7 +243,7 @@ export const DocumentControls: React.FC<{
               </Button>
             )}
           </div>
-          {showDotMenu && (
+          {showDotMenu && !readOnlyForIncomingUser && (
             <Popup
               button={
                 <div className={`${baseClass}__dots`}>
diff --git a/test/locked-documents/e2e.spec.ts b/test/locked-documents/e2e.spec.ts
index ca7e17e140..857852e2a4 100644
--- a/test/locked-documents/e2e.spec.ts
+++ b/test/locked-documents/e2e.spec.ts
@@ -391,6 +391,7 @@ describe('locked documents', () => {
       // save buttons should be readOnly / disabled
       await expect(page.locator('#action-save-draft')).toBeDisabled()
       await expect(page.locator('#action-save')).toBeDisabled()
+      await expect(page.locator('.doc-controls__dots')).toBeHidden()
 
       // fields should be readOnly / disabled
       await expect(page.locator('#field-text')).toBeDisabled()