From 55baef03b4c21ea7feb90ea63295b71d1b39b3ba Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Wed, 16 Apr 2025 10:54:11 +0200
Subject: [PATCH] mail page ui correction

---
 app/mail/page.tsx | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index 816bc94..9ff73d0 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -6,8 +6,25 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { Checkbox } from '@/components/ui/checkbox';
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
 import { Avatar, AvatarFallback } from '@/components/ui/avatar';
-import { MoreVertical, Settings, Plus as PlusIcon, Trash2, Edit, Mail, Inbox, Send, Star, Trash, Plus, ChevronLeft, ChevronRight, Search, ChevronDown, Folder, ChevronUp, Reply, Forward, ReplyAll, MoreHorizontal, FolderOpen, X, Paperclip, MessageSquare } from 'lucide-react';
+import { 
+  MoreVertical, Settings, Plus as PlusIcon, Trash2, Edit, Mail, 
+  Inbox, Send, Star, Trash, Plus, ChevronLeft, ChevronRight, 
+  Search, ChevronDown, Folder, ChevronUp, Reply, Forward, ReplyAll, 
+  MoreHorizontal, FolderOpen, X, Paperclip, MessageSquare, Copy, EyeOff 
+} from 'lucide-react';
 
 interface Account {
   id: number;
@@ -398,6 +415,15 @@ export default function MailPage() {
   const [foldersOpen, setFoldersOpen] = useState(true);
   const [showSettings, setShowSettings] = useState(false);
   const [searchQuery, setSearchQuery] = useState('');
+  const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
+  const [composeOpen, setComposeOpen] = useState(false);
+  const [accountsDropdownOpen, setAccountsDropdownOpen] = useState(false);
+  const [foldersDropdownOpen, setFoldersDropdownOpen] = useState(false);
+  const [showAccountActions, setShowAccountActions] = useState<number | null>(null);
+  const [showEmailActions, setShowEmailActions] = useState(false);
+  const [deleteType, setDeleteType] = useState<'email' | 'emails' | 'account'>('email');
+  const [itemToDelete, setItemToDelete] = useState<number | null>(null);
+  const [showCc, setShowCc] = useState(false);
 
   // Check for stored credentials
   useEffect(() => {