Unify header styles for consistent navigation across the platform

Update Report.tsx to use the same header and search bar components as the media outlet pages, enhancing UI consistency.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/CMG42YQ
This commit is contained in:
kimjaehyeon0101
2025-10-15 07:52:44 +00:00
parent 3f48020644
commit 9de716b623
2 changed files with 14 additions and 25 deletions

View File

@ -475,7 +475,7 @@ export default function Report() {
</div>
)}
<div className="flex items-center space-x-2">
<span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header">
<span className="text-3xl font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<Button
@ -498,39 +498,24 @@ export default function Report() {
</div>
<div className="flex items-center space-x-4">
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-4 w-auto cursor-pointer opacity-60 hover:opacity-100 transition-opacity"
onClick={() => setLocation("/")}
data-testid="logo-sapiens"
/>
<div
className="relative cursor-pointer"
className="relative cursor-pointer flex items-center"
onClick={() => setIsSearchModalOpen(true)}
data-testid="search-container"
>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400 pointer-events-none" />
<Input
type="text"
placeholder="Search the website"
className="w-80 pl-10 bg-gray-50 border-gray-200 cursor-pointer"
data-testid="input-search"
readOnly
/>
<div className="pl-10 pr-16 py-1.5 bg-gray-50 border border-gray-200 rounded-md flex items-center space-x-2 hover:bg-gray-100 transition-colors">
<span className="text-sm text-gray-500">search in</span>
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-2 w-auto"
/>
</div>
</div>
{isAuthenticated && user ? (
<>
<Button
variant="ghost"
size="sm"
onClick={() => setLocation("/auctions")}
data-testid="button-auctions"
>
Auctions
</Button>
<Button
variant="ghost"
size="sm"