From 3b7a4326a5c94ad4decf883d47eb54688716b4fa Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Thu, 16 Oct 2025 15:06:06 -0400
Subject: [PATCH] refactor: replace emoji icons with SVG icons for archive and
 lock states

---
 .../note-viewer/note-viewer.component.ts      | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/tags-view/note-viewer/note-viewer.component.ts b/src/components/tags-view/note-viewer/note-viewer.component.ts
index 1be87d8..480e905 100644
--- a/src/components/tags-view/note-viewer/note-viewer.component.ts
+++ b/src/components/tags-view/note-viewer/note-viewer.component.ts
@@ -235,7 +235,19 @@ interface MetadataEntry {
         }
         @if (hasState('archive')) {
           <span class="inline-flex items-center gap-1 transition-colors" [ngClass]="state('archive') ? 'text-amber-600' : 'text-gray-400'" title="{{ state('archive') ? 'Document archivé' : 'Document non archivé' }}" role="img" aria-label="{{ state('archive') ? 'Document archivé' : 'Document non archivé' }}">
-            {{ state('archive') ? '🗃️' : '📋' }}
+            @if (state('archive')) {
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <polyline points="22,12 18,12 18,8"/>
+              <path d="M18,2H6a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V8Z"/>
+              <line x1="10" y1="12" x2="14" y2="12"/>
+            </svg>
+          } @else {
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M21 8v13a2 2 0 01-2 2H5a2 2 0 01-2-2V8"/>
+              <path d="M3 4h18l-2-2H5l-2 2z"/>
+              <line x1="10" y1="12" x2="14" y2="12"/>
+            </svg>
+          }
           </span>
         }
         @if (hasState('draft')) {
@@ -262,9 +274,8 @@ interface MetadataEntry {
               </svg>
             } @else {
               <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <rect x="3" y="11" width="18" height="11" rx="2" />
-                <path d="M7 11V7a5 5 0 0 1 9 0v1" />
-                <path d="M17 21V11" />
+                <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
+                <path d="M7 11V7a5 5 0 0 1 9.9-1" />
               </svg>
             }
           </span>
@@ -528,8 +539,8 @@ export class NoteViewerComponent implements OnDestroy {
   private buildPreviewData(noteTarget: string): PreviewData | null {
     const allNotes = this.allNotes();
     console.log('[NoteViewer] Building preview for target:', noteTarget, 'from', allNotes.length, 'notes');
-    
-    const targetNote = allNotes.find(n => 
+
+    const targetNote = allNotes.find(n =>
       n.id.toLowerCase() === noteTarget.toLowerCase() ||
       n.title.toLowerCase() === noteTarget.toLowerCase() ||
       n.fileName?.replace(/\.md$/, '').toLowerCase() === noteTarget.toLowerCase()