alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

courrier refactor

Browse Source
This commit is contained in:
alma 2025-04-26 22:59:41 +02:00
parent aefe858106
commit 367b79bf0b
1 changed files with 64 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/email/EmailHeader.tsx
View File

@ -1,7 +1,7 @@
'use client'; 'use client';
import React, { useState } from 'react'; 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 { Input } from '@/components/ui/input';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { import {
@ -40,7 +40,16 @@ export default function EmailHeader({
}; };
return ( 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"> <div className="flex-1">
<form onSubmit={handleSearch} className="relative"> <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" /> <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> </DropdownMenu>
</div> </div>
</div> </div>
</div>
); );
} }