From 9befdd60c3af845d4d06b762c9257481450c3fca Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Sat, 26 Apr 2025 23:30:46 +0200
Subject: [PATCH] courrier refactor

---
 app/courrier/page.tsx | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/app/courrier/page.tsx b/app/courrier/page.tsx
index 9e30e26f..ebbef4a0 100644
--- a/app/courrier/page.tsx
+++ b/app/courrier/page.tsx
@@ -4,8 +4,11 @@ import React, { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import { 
   Mail, Loader2, AlertCircle, 
-  ChevronLeft, ChevronRight, Reply, ReplyAll, Forward,
-  Star, FolderOpen, Plus as PlusIcon, RefreshCw, ChevronUp, ChevronDown
+  MoreVertical, Settings, Plus as PlusIcon, Trash2, Edit, 
+  Inbox, Send, Star, Trash, Plus, ChevronLeft, ChevronRight, 
+  Search, ChevronDown, Folder, ChevronUp, Reply, Forward, ReplyAll, 
+  MoreHorizontal, FolderOpen, X, Paperclip, MessageSquare, Copy, EyeOff, 
+  AlertOctagon, Archive, RefreshCw
 } from 'lucide-react';
 import { Dialog, DialogContent } from '@/components/ui/dialog';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
@@ -297,18 +300,30 @@ export default function CourrierPage() {
     return folder.charAt(0).toUpperCase() + folder.slice(1).toLowerCase();
   };
   
+  // Get account color
+  const getAccountColor = (accountId: number) => {
+    const account = accounts.find(acc => acc.id === accountId);
+    return account ? account.color : 'bg-gray-500';
+  };
+
   // Helper to get folder icons
   const getFolderIcon = (folder: string) => {
     const folderLower = folder.toLowerCase();
     
     if (folderLower.includes('inbox')) {
-      return <Mail className="h-4 w-4" />;
+      return <Inbox className="h-4 w-4" />;
     } else if (folderLower.includes('sent')) {
-      return <Mail className="h-4 w-4" />;
+      return <Send className="h-4 w-4" />;
     } else if (folderLower.includes('trash')) {
-      return <Mail className="h-4 w-4" />;
+      return <Trash className="h-4 w-4" />;
+    } else if (folderLower.includes('archive')) {
+      return <Archive className="h-4 w-4" />;
+    } else if (folderLower.includes('draft')) {
+      return <Edit className="h-4 w-4" />;
+    } else if (folderLower.includes('spam') || folderLower.includes('junk')) {
+      return <AlertOctagon className="h-4 w-4" />;
     } else {
-      return <Mail className="h-4 w-4" />;
+      return <Folder className="h-4 w-4" />;
     }
   };