sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Display more articles in the featured section and slow down rotation

Browse Source 
Update the featured articles section to display up to 9 articles and increase the rotation interval to 8 seconds.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: e8c8597a-604e-4eee-ac5c-3d5b7ca4ba51
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/413891e8-d784-4bea-b9f5-91a5a68316b4/kmpcO4B
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 17:36:10 +00:00
parent 775fed555b
commit a216ac4bb8
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/pages/home.tsx
View File

@ -11,7 +11,7 @@ import Footer from "@/components/footer";
import { useState, useEffect, useCallback } from "react";
function FeaturedSection({ articles }: { articles: Article[] }) {
const pool = articles.slice(0, 6);
const pool = articles.slice(0, 9);
const totalPages = Math.ceil(pool.length / 3);
const [page, setPage] = useState(0);
const [paused, setPaused] = useState(false);
@ -22,7 +22,7 @@ function FeaturedSection({ articles }: { articles: Article[] }) {
useEffect(() => {
if (paused || totalPages <= 1) return;
const timer = setInterval(next, 5000);
const timer = setInterval(next, 8000);
return () => clearInterval(timer);
}, [paused, next, totalPages]);

2
server/storage.ts
View File

@ -31,7 +31,7 @@ export class DatabaseStorage implements IStorage {
}
async getFeaturedArticles(): Promise<Article[]> {
return db.select().from(articles).orderBy(desc(articles.publishedAt)).limit(6);
return db.select().from(articles).orderBy(desc(articles.publishedAt)).limit(9);
}
async getPopularArticles(limit: number): Promise<Article[]> {