HangerThem/blog.hangerthem.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixes for few tags and categories pages

Browse source
This commit is contained in:
HangerThem 2026-08-05 11:54:39 +02:00
parent 77b1916df1
commit c61bcd3a41
5 changed files with 47 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/(withRecent)/categories/[categorySlug]/page.tsx
View file

@ -52,11 +52,7 @@ export default async function CategoryPage({ params }: CategoryPageProps) {
<main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full"> <main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full">
<div className="font-mono text-sm text-fg-dim mb-2">~/categories/{categorySlug}</div> <div className="font-mono text-sm text-fg-dim mb-2">~/categories/{categorySlug}</div>
<div className="border-l border-border ml-1 mb-3"> <ul className="border-l border-border ml-1 mb-3">
<span className="py-2 px-5 block font-bold group-hover:text-accent transition-colors capitalize">
{category}
</span>
<ul className="border-l border-border ml-8 mb-3">
{posts.map((post) => ( {posts.map((post) => (
<li key={post.slug} className="pl-5"> <li key={post.slug} className="pl-5">
<Link <Link
@ -78,7 +74,6 @@ export default async function CategoryPage({ params }: CategoryPageProps) {
</li> </li>
))} ))}
</ul> </ul>
</div>
</main> </main>
) )
} }

2
app/(withRecent)/categories/page.tsx
View file

@ -30,7 +30,7 @@ export async function generateMetadata(): Promise<Metadata> {
export default function CategoriesPage() { export default function CategoriesPage() {
const categories = getAllCategories() const categories = getAllCategories()
const posts = getAllPostsMeta() const posts = getAllPostsMeta()
const categoryNames = Object.keys(categories) const categoryNames = Object.keys(categories).toSorted((a, b) => a.localeCompare(b))
return ( return (
<main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full"> <main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full">

7
app/(withRecent)/tags/[tagSlug]/page.tsx
View file

@ -52,11 +52,7 @@ export default async function TagPage({ params }: TagPageProps) {
<main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full"> <main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full">
<div className="font-mono text-sm text-fg-dim mb-2">~/tags/{tagSlug}</div> <div className="font-mono text-sm text-fg-dim mb-2">~/tags/{tagSlug}</div>
<div className="border-l border-border ml-1 mb-3"> <ul className="border-l border-border ml-1 mb-3">
<span className="py-2 px-5 block font-bold group-hover:text-accent transition-colors capitalize">
{tag}
</span>
<ul className="border-l border-border ml-8 mb-3">
{posts.map((post) => ( {posts.map((post) => (
<li key={post.slug} className="pl-5"> <li key={post.slug} className="pl-5">
<Link <Link
@ -78,7 +74,6 @@ export default async function TagPage({ params }: TagPageProps) {
</li> </li>
))} ))}
</ul> </ul>
</div>
</main> </main>
) )
} }

2
app/(withRecent)/tags/page.tsx
View file

@ -30,7 +30,7 @@ export async function generateMetadata(): Promise<Metadata> {
export default function TagsPage() { export default function TagsPage() {
const tags = getAllTags() const tags = getAllTags()
const posts = getAllPostsMeta() const posts = getAllPostsMeta()
const tagNames = Object.keys(tags) const tagNames = Object.keys(tags).toSorted((a, b) => a.localeCompare(b))
return ( return (
<main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full"> <main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full">

2
content/posts/vigilare-custom-dashboard.md
View file

@ -2,7 +2,7 @@
title: "Vigilare: A Local-First Productivity Dashboard" title: "Vigilare: A Local-First Productivity Dashboard"
description: Introducing Vigilare, a local-first, customizable productivity dashboard built with Next.js. Designed for developers and technical users, Vigilare offers a distraction-free way to manage links, notes, commands, and service status without logins or cloud dependencies. description: Introducing Vigilare, a local-first, customizable productivity dashboard built with Next.js. Designed for developers and technical users, Vigilare offers a distraction-free way to manage links, notes, commands, and service status without logins or cloud dependencies.
date: 2026-02-07 14:00:00 +0200 date: 2026-02-07 14:00:00 +0200
categories: [Productivity, Tech] category: Productivity
tags: [vigilare, dashboard, productivity, browser, organization, focus] tags: [vigilare, dashboard, productivity, browser, organization, focus]
--- ---