From 3ccfad63bf2891398b1c5dcaa76afee0312d46d2 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Tue, 13 Feb 2024 11:18:05 +0500
Subject: [PATCH] web: add readonly indicator on notes

---
 apps/web/src/components/note/index.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/web/src/components/note/index.tsx b/apps/web/src/components/note/index.tsx
index f3d260584..16df3be81 100644
--- a/apps/web/src/components/note/index.tsx
+++ b/apps/web/src/components/note/index.tsx
@@ -191,6 +191,7 @@ function Note(props: NoteProps) {
               {note.conflicted && <Alert size={15} color="var(--icon-error)" />}
               {locked && <Lock size={11} data-test-id={`locked`} />}
               {note.favorite && <Star color={primary} size={15} />}
+              {note.readonly && <Readonly size={15} />}
               <TimeAgo live={true} datetime={date} locale="short" />
             </>
           ) : (
@@ -228,6 +229,8 @@ function Note(props: NoteProps) {
 
               {locked && <Lock size={13} data-test-id={`locked`} />}
 
+              {note.readonly && <Readonly size={15} />}
+
               {note.favorite && <Star color={primary} size={15} />}
 
               {tags?.items.map((tag) => {