mail page ui correction
This commit is contained in:
parent
569be3e8e9
commit
55baef03b4
@ -6,8 +6,25 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
|
|||||||
import { Input } from '@/components/ui/input';
|
import { Input } from '@/components/ui/input';
|
||||||
import { Button } from '@/components/ui/button';
|
import { Button } from '@/components/ui/button';
|
||||||
import { Label } from '@/components/ui/label';
|
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 { 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 {
|
interface Account {
|
||||||
id: number;
|
id: number;
|
||||||
@ -398,6 +415,15 @@ export default function MailPage() {
|
|||||||
const [foldersOpen, setFoldersOpen] = useState(true);
|
const [foldersOpen, setFoldersOpen] = useState(true);
|
||||||
const [showSettings, setShowSettings] = useState(false);
|
const [showSettings, setShowSettings] = useState(false);
|
||||||
const [searchQuery, setSearchQuery] = useState('');
|
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
|
// Check for stored credentials
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user