From bacbe9f47c58ed469ac318c2fe82e718e0416e80 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Thu, 13 Nov 2025 10:35:39 +0200
Subject: [PATCH] chore(collections/list): style archived notes differently

---
 apps/client/src/services/attribute_renderer.ts                | 3 ++-
 apps/client/src/widgets/collections/legacy/ListOrGridView.css | 4 ++++
 apps/client/src/widgets/collections/legacy/ListOrGridView.tsx | 4 ++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/services/attribute_renderer.ts b/apps/client/src/services/attribute_renderer.ts
index 9432eebc6..01d633736 100644
--- a/apps/client/src/services/attribute_renderer.ts
+++ b/apps/client/src/services/attribute_renderer.ts
@@ -90,7 +90,8 @@ const HIDDEN_ATTRIBUTES = [
     "viewType",
     "geolocation",
     "docName",
-    "webViewSrc"
+    "webViewSrc",
+    "archived"
 ];
 
 async function renderNormalAttributes(note: FNote) {
diff --git a/apps/client/src/widgets/collections/legacy/ListOrGridView.css b/apps/client/src/widgets/collections/legacy/ListOrGridView.css
index 60afe8954..2a6b25366 100644
--- a/apps/client/src/widgets/collections/legacy/ListOrGridView.css
+++ b/apps/client/src/widgets/collections/legacy/ListOrGridView.css
@@ -16,6 +16,10 @@
     flex-grow: 1;
 }
 
+.note-book-card.archived {
+    opacity: 0.5;
+}
+
 .note-book-card:not(.expanded) .note-book-content {
     padding: 10px
 }
diff --git a/apps/client/src/widgets/collections/legacy/ListOrGridView.tsx b/apps/client/src/widgets/collections/legacy/ListOrGridView.tsx
index 2b5d1bdd0..ef37b6685 100644
--- a/apps/client/src/widgets/collections/legacy/ListOrGridView.tsx
+++ b/apps/client/src/widgets/collections/legacy/ListOrGridView.tsx
@@ -64,7 +64,7 @@ function ListNoteCard({ note, parentNote, expand, highlightedTokens }: { note: F
 
     return (
         <div
-            className={`note-book-card no-tooltip-preview ${isExpanded ? "expanded" : ""}`}
+            className={`note-book-card no-tooltip-preview ${isExpanded ? "expanded" : ""} ${note.isArchived ? "archived" : ""}`}
             data-note-id={note.noteId}
         >
             <h5 className="note-book-header">
@@ -100,7 +100,7 @@ function GridNoteCard({ note, parentNote, highlightedTokens }: { note: FNote, pa
 
     return (
         <div
-            className={`note-book-card no-tooltip-preview block-link`}
+            className={`note-book-card no-tooltip-preview block-link ${note.isArchived ? "archived" : ""}`}
             data-href={`#${notePath}`}
             data-note-id={note.noteId}
             onClick={(e) => link.goToLink(e)}