Skip to content

Add back navigation to article pages #218

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 3 commits into
base: main
Choose a base branch
from
Draft

Add back navigation to article pages #218

Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
534f4ff
Initial plan
Copilot Sep 19, 2025
26f3f24
Add back navigation to article pages
Copilot Sep 19, 2025
9997e0c
Change back navigation text from "Back to Articles" to "Back"
Copilot Sep 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions src/app/_components/post-header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import Avatar from "./avatar";
import DateFormatter from "./date-formatter";
import { PostTitle } from "@/app/_components/post-title";
import { type Author } from "@/interfaces/author";
import Link from "next/link";

type Props = {
title: string;
Expand All @@ -13,6 +14,23 @@ type Props = {
export function PostHeader({ title, date, author, tags }: Props) {
return (
<>
<div className="mb-4">
<Link
href="/articles"
className="inline-flex items-center text-sm text-zinc-400 hover:text-zinc-300 transition-colors"
>
<svg
className="w-4 h-4 mr-2"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
strokeWidth="1.5"
>
<path strokeLinecap="round" strokeLinejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" />
</svg>
Back to Articles
Copy link
Owner

@InDieTasten InDieTasten Sep 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@copilot Change this to "Back"

Copy link
Contributor Author

Copilot AI Sep 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changed the text from "Back to Articles" to "Back" as requested. The navigation functionality remains the same.

Updated Back Navigation

</Link>
</div>
<PostTitle>{title}</PostTitle>
{tags && tags.length > 0 && (
<div className="mb-4 flex flex-wrap gap-2">
Expand Down