courrier refactor

This commit is contained in:
alma 2025-04-26 22:59:41 +02:00
parent aefe858106
commit 367b79bf0b

View File

@ -1,7 +1,7 @@
'use client';
import React, { useState } from 'react';
import { Search, X, Settings } from 'lucide-react';
import { Search, X, Settings, Mail } from 'lucide-react';
import { Input } from '@/components/ui/input';
import { Button } from '@/components/ui/button';
import {
@ -40,7 +40,16 @@ export default function EmailHeader({
};
return (
<div className="border-b px-4 py-2 flex items-center">
<div className="border-b flex flex-col">
{/* Courrier Title */}
<div className="p-3 border-b border-gray-100">
<div className="flex items-center gap-2">
<Mail className="h-6 w-6 text-gray-600" />
<span className="text-xl font-semibold text-gray-900">COURRIER</span>
</div>
</div>
<div className="px-4 py-2 flex items-center">
<div className="flex-1">
<form onSubmit={handleSearch} className="relative">
<Search className="absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
@ -105,5 +114,6 @@ export default function EmailHeader({
</DropdownMenu>
</div>
</div>
</div>
);
}