From d869a69477034964ad68bbe534aac9d4dfe32eba Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Thu, 14 Mar 2024 06:39:12 +0500
Subject: [PATCH] web: special icons for readonly and trash preview tabs

---
 apps/web/src/components/editor/action-bar.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/editor/action-bar.tsx b/apps/web/src/components/editor/action-bar.tsx
index 608ec90a5..ff4bb9be1 100644
--- a/apps/web/src/components/editor/action-bar.tsx
+++ b/apps/web/src/components/editor/action-bar.tsx
@@ -31,8 +31,10 @@ import {
   Note,
   Pin,
   Properties,
+  Readonly,
   Search,
   TableOfContents,
+  Trash,
   Unlock
 } from "../icons";
 import { ScrollContainer } from "@notesnook/ui";
@@ -350,7 +352,15 @@ function Tab(props: TabProps) {
     onCloseToTheLeft,
     onPin
   } = props;
-  const Icon = isLocked ? (type === "locked" ? Lock : Unlock) : Note;
+  const Icon = isLocked
+    ? type === "locked"
+      ? Lock
+      : Unlock
+    : type === "readonly"
+    ? Readonly
+    : type === "deleted"
+    ? Trash
+    : Note;
   const { attributes, listeners, setNodeRef, transform, transition, active } =
     useSortable({ id });