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

Remove category badges from blog pages and homepage

Browse Source 
Removes the `Badge` component import and usage from `home.tsx` and `category.tsx` to simplify the UI, and adds an image for a new blog post.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 31f671cb-cbb5-4b42-a4d7-4edf7be29b77
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/413891e8-d784-4bea-b9f5-91a5a68316b4/cftwqyT
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 16:59:21 +00:00
parent 6071c746e0
commit c25948c741
3 changed files with 0 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
client/public/uploads/saso-avsenik.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

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

@ -4,7 +4,6 @@ import { type Article } from "@shared/schema";
import { format } from "date-fns";
import { de } from "date-fns/locale";
import { Eye, ArrowLeft } from "lucide-react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { Skeleton } from "@/components/ui/skeleton";
import Header from "@/components/header";
@ -62,9 +61,6 @@ export default function CategoryPage() {
loading="lazy"
/>
</div>
<Badge className="absolute top-3 left-3 text-xs no-default-active-elevate z-10">
{article.category}
</Badge>
</div>
<div className="p-4">
<div className="flex items-center gap-2 text-muted-foreground text-xs mb-2">

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

@ -4,7 +4,6 @@ import { type Article } from "@shared/schema";
import { format } from "date-fns";
import { de } from "date-fns/locale";
import { Eye, Clock } from "lucide-react";
import { Badge } from "@/components/ui/badge";
import { Skeleton } from "@/components/ui/skeleton";
import { Button } from "@/components/ui/button";
import Header from "@/components/header";
@ -33,9 +32,6 @@ function FeaturedSection({ articles }: { articles: Article[] }) {
loading="lazy"
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent" />
<Badge className="absolute top-4 left-4 no-default-active-elevate">
{hero.category}
</Badge>
<div className="absolute bottom-0 left-0 right-0 p-5 md:p-7">
<span className="text-white/70 text-sm">
{format(new Date(hero.publishedAt), "d. MMMM yyyy", { locale: de })}
@ -66,9 +62,6 @@ function FeaturedSection({ articles }: { articles: Article[] }) {
loading="lazy"
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent" />
<Badge className="absolute top-4 left-4 no-default-active-elevate">
{article.category}
</Badge>
<div className="absolute bottom-0 left-0 right-0 p-4 md:p-5">
<span className="text-white/70 text-xs">
{format(new Date(article.publishedAt), "d. MMMM yyyy", { locale: de })}
@ -103,9 +96,6 @@ function ArticleCard({ article }: { article: Article }) {
loading="lazy"
/>
</div>
<Badge className="absolute top-3 left-3 text-xs no-default-active-elevate z-10">
{article.category}
</Badge>
</div>
<div className="p-5 flex flex-col flex-1">
<div className="flex items-center gap-2 text-muted-foreground text-xs mb-3">