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

Update media outlet pages to match home screen UI and add search

Browse Source 
Revise UI of media outlet pages to align with the home screen's design, incorporating a search feature and updating styling and internationalization.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/gVirbWH
This commit is contained in:
kimjaehyeon0101
2025-09-29 20:22:57 +00:00
parent d03839d10d
commit 1add3d5a05
3 changed files with 239 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/pages/Home.tsx
View File

@ -54,18 +54,16 @@ export default function Home() {
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-6 w-auto"
className="h-6 w-auto cursor-pointer"
data-testid="logo-sapiens"
onClick={() => window.location.href = "/"}
/>
</div>
<div className="flex items-center space-x-4">
<div
className="relative cursor-pointer"
onClick={() => {
console.log("Search div clicked, opening modal...");
setIsSearchModalOpen(true);
}}
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" />
@ -75,10 +73,7 @@ export default function Home() {
className="w-80 pl-10 bg-gray-50 border-gray-200 cursor-pointer"
data-testid="input-search"
readOnly
onClick={() => {
console.log("Search input clicked, opening modal...");
setIsSearchModalOpen(true);
}}
onClick={() => setIsSearchModalOpen(true)}
/>
</div>