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

Add article thumbnail images to list view and article detail pages

Browse Source 
Updated ArticleCard component to display thumbnail images on the right for list view. Modified Article page to display the article's image as a hero banner at the top.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/6ZMblp5
This commit is contained in:
kimjaehyeon0101
2025-10-14 07:44:42 +00:00
parent 05c08d5a4b
commit 3d14ed2c2b
2 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/components/ArticleCard.tsx
View File

@ -40,13 +40,6 @@ export default function ArticleCard({ article, outlet, viewMode = "grid" }: Arti
>
<CardContent className="p-6">
<div className="flex space-x-6">
{article.imageUrl && (
<img
src={article.imageUrl}
alt={article.title}
className="w-32 h-24 object-cover rounded-lg flex-shrink-0"
/>
)}
<div className="flex-1">
<div className="flex items-center space-x-2 mb-2">
{article.isPinned && (
@ -74,6 +67,14 @@ export default function ArticleCard({ article, outlet, viewMode = "grid" }: Arti
</div>
</div>
</div>
{article.imageUrl && (
<img
src={article.imageUrl}
alt={article.title}
className="w-32 h-24 object-cover rounded-lg flex-shrink-0"
data-testid="image-article-thumbnail"
/>
)}
</div>
</CardContent>
</Card>