Improve video description display for better user experience
Update VideoPage component to conditionally render video descriptions, showing a fallback message when no description is available. Replit-Commit-Author: Agent Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/e6qh6Ss
This commit is contained in:
parent
6799bf0bbe
commit
0a7093cba1
@ -315,10 +315,14 @@ export default function VideoPage() {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
{currentVideo.description && (
|
{currentVideo.description ? (
|
||||||
<div className="text-bunny-light">
|
<div className="text-bunny-light">
|
||||||
<p className="text-sm leading-relaxed">{currentVideo.description}</p>
|
<p className="text-sm leading-relaxed">{currentVideo.description}</p>
|
||||||
</div>
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="text-bunny-muted text-sm">
|
||||||
|
<p>Opis videa ni na voljo.</p>
|
||||||
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -122,6 +122,8 @@ export class BunnyService {
|
|||||||
// Filter only successfully processed videos (status 4 = finished)
|
// Filter only successfully processed videos (status 4 = finished)
|
||||||
const processedVideos = response.items.filter(video => video.status === 4);
|
const processedVideos = response.items.filter(video => video.status === 4);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const videos = processedVideos.map(video => this.bunnyVideoToVideo(video));
|
const videos = processedVideos.map(video => this.bunnyVideoToVideo(video));
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|||||||
@ -176,6 +176,8 @@ export async function registerRoutes(app: Express): Promise<Server> {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
app.get("/api/videos", async (req, res) => {
|
app.get("/api/videos", async (req, res) => {
|
||||||
try {
|
try {
|
||||||
const limit = parseInt(req.query.limit as string) || 20;
|
const limit = parseInt(req.query.limit as string) || 20;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user