From d5dff053a51b418856ee98b999273b1d223fab4e Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Wed, 15 Oct 2025 07:27:12 +0000
Subject: [PATCH] Update media outlet page by increasing title font size and
 adding search bar

Refactors the MediaOutlet page component by increasing the font size of the outlet name, removing the Sapiens logo from the top bar, and implementing a new search bar with a custom Sapiens logo.

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/IfFFLfD
---
 .replit                          |  4 ----
 client/src/pages/MediaOutlet.tsx | 26 +++++++++++++++++---------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/.replit b/.replit
index 3c5697d..8826cfc 100644
--- a/.replit
+++ b/.replit
@@ -50,10 +50,6 @@ externalPort = 3000
 localPort = 43777
 externalPort = 4200
 
-[[ports]]
-localPort = 44937
-externalPort = 6800
-
 [env]
 PORT = "5000"
 
diff --git a/client/src/pages/MediaOutlet.tsx b/client/src/pages/MediaOutlet.tsx
index f1bcac6..ce19fda 100644
--- a/client/src/pages/MediaOutlet.tsx
+++ b/client/src/pages/MediaOutlet.tsx
@@ -208,7 +208,7 @@ export default function MediaOutlet() {
                 </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
@@ -229,6 +229,22 @@ export default function MediaOutlet() {
             </div>
             
             <div className="flex items-center space-x-4">
+              <div 
+                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" />
+                <div className="pl-10 pr-3 py-1.5 bg-gray-50 border border-gray-200 rounded-md flex items-center space-x-1 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-3.5 w-auto"
+                  />
+                </div>
+              </div>
+              
               {isAuthenticated && user ? (
                 <>
                   <Button 
@@ -274,14 +290,6 @@ export default function MediaOutlet() {
               >
                 <Settings className="h-4 w-4" />
               </Button>
-              
-              <img 
-                src="/attached_assets/logo_black_1759162717640.png" 
-                alt="SAPIENS" 
-                className="h-3 w-auto cursor-pointer opacity-100"
-                onClick={() => setLocation("/")}
-                data-testid="logo-sapiens"
-              />
             </div>
           </div>
         </div>