aimond/sapiens-web3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Unify header styles for consistent navigation across the platform

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -42,6 +42,10 @@ externalPort = 3003
localPort = 41425 localPort = 41425
externalPort = 6000 externalPort = 6000
[[ports]]
localPort = 43291
externalPort = 6800
[[ports]] [[ports]]
localPort = 43349 localPort = 43349
externalPort = 3000 externalPort = 3000

35
client/src/pages/Report.tsx
View File

@ -475,7 +475,7 @@ export default function Report() {
</div> </div>
)} )}
<div className="flex items-center space-x-2"> <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} {outlet.name}
</span> </span>
<Button <Button
@ -498,39 +498,24 @@ export default function Report() {
</div> </div>
<div className="flex items-center space-x-4"> <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 <div
className="relative cursor-pointer" className="relative cursor-pointer flex items-center"
onClick={() => setIsSearchModalOpen(true)} onClick={() => setIsSearchModalOpen(true)}
data-testid="search-container" 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" /> <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400 pointer-events-none" />
<Input <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">
type="text" <span className="text-sm text-gray-500">search in</span>
placeholder="Search the website" <img
className="w-80 pl-10 bg-gray-50 border-gray-200 cursor-pointer" src="/attached_assets/logo_black_1759162717640.png"
data-testid="input-search" alt="SAPIENS"
readOnly className="h-2 w-auto"
/> />
</div>
</div> </div>
{isAuthenticated && user ? ( {isAuthenticated && user ? (
<> <>
<Button
variant="ghost"
size="sm"
onClick={() => setLocation("/auctions")}
data-testid="button-auctions"
>
Auctions
</Button>
<Button <Button
variant="ghost" variant="ghost"
size="sm" size="sm"