From 9de716b62308ee444802f3ac30aea47542a55a92 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Wed, 15 Oct 2025 07:52:44 +0000
Subject: [PATCH] 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
---
 .replit                     |  4 ++++
 client/src/pages/Report.tsx | 35 ++++++++++-------------------------
 2 files changed, 14 insertions(+), 25 deletions(-)

diff --git a/.replit b/.replit
index 8826cfc..1d0b4a3 100644
--- a/.replit
+++ b/.replit
@@ -42,6 +42,10 @@ externalPort = 3003
 localPort = 41425
 externalPort = 6000
 
+[[ports]]
+localPort = 43291
+externalPort = 6800
+
 [[ports]]
 localPort = 43349
 externalPort = 3000
diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index 58a6d7c..31c2914 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -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"