Shrink news widget and add an advertisement below it

Reduce the visible count of news items in the NewsWidget from 5 to 3 and wrap the widget and a new NativeAdCard in a div for layout purposes in home.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 6eeef675-9b79-4512-ac23-0644bdb30982
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/drGbo1a
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 21:21:41 +00:00
parent e297d7c030
commit 77e89365ed
3 changed files with 5 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

View File

@ -9,7 +9,7 @@ interface NewsItem {
pubDate: string;
}
const VISIBLE_COUNT = 5;
const VISIBLE_COUNT = 3;
export function NewsWidget() {
const { data: news, isLoading } = useQuery<NewsItem[]>({

View File

@ -384,7 +384,10 @@ export default function Home() {
<MediumCard key={a.id} article={a} focalPoints={focalPoints} />
))}
<PhotoGalleryWidget />
<NewsWidget />
<div className="flex flex-col gap-4">
<NewsWidget />
<NativeAdCard />
</div>
</div>
{row4Articles.length > 0 && (