denshooter/portfolio
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scroll to top on locale switch and remove dashes from hero text
All checks were successful
CI / CD / test-build (push) Successful in 10m8s
Details
CI / CD / deploy-dev (push) Has been skipped
Details
CI / CD / deploy-production (push) Successful in 1m15s
Details

Browse Source 
- HeaderClient: track locale prop changes with useRef and call
  window.scrollTo on switch to reliably reset scroll position
- messages/en.json + de.json: replace em dash with comma and remove
  hyphens from Self-Hoster/Full-Stack in hero description

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
denshooter
2026-03-08 14:37:56 +01:00
parent 48a29cd872
commit aee811309b
3 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/HeaderClient.tsx
View File

@@ -1,6 +1,6 @@
"use client"; "use client";
import { useState, useEffect } from "react"; import { useState, useEffect, useRef } from "react";
import { SiGithub, SiLinkedin } from "react-icons/si"; import { SiGithub, SiLinkedin } from "react-icons/si";
import Link from "next/link"; import Link from "next/link";
import { usePathname, useSearchParams } from "next/navigation"; import { usePathname, useSearchParams } from "next/navigation";
@@ -27,6 +27,14 @@ export default function HeaderClient({ locale, translations }: HeaderClientProps
const [scrolled, setScrolled] = useState(false); const [scrolled, setScrolled] = useState(false);
const pathname = usePathname(); const pathname = usePathname();
const searchParams = useSearchParams(); const searchParams = useSearchParams();
const prevLocale = useRef(locale);
useEffect(() => {
if (prevLocale.current !== locale) {
window.scrollTo({ top: 0, behavior: "instant" });
prevLocale.current = locale;
}
}, [locale]);
const isHome = pathname === `/${locale}` || pathname === `/${locale}/`; const isHome = pathname === `/${locale}` || pathname === `/${locale}/`;

2
messages/de.json
View File

@@ -34,7 +34,7 @@
"f2": "Docker Swarm & CI/CD", "f2": "Docker Swarm & CI/CD",
"f3": "Self-Hosted Infrastruktur" "f3": "Self-Hosted Infrastruktur"
}, },
"description": "Ich bin Dennis – Student aus Osnabrück und leidenschaftlicher Self-Hoster. Ich entwickle Full-Stack Apps und sorge am liebsten selbst dafür, dass sie auf meiner eigenen Infrastruktur perfekt laufen.", "description": "Ich bin Dennis, Student aus Osnabrück und leidenschaftlicher Selfhoster. Ich entwickle Fullstack Apps und sorge am liebsten selbst dafür, dass sie auf meiner eigenen Infrastruktur perfekt laufen.",
"ctaWork": "Meine Projekte", "ctaWork": "Meine Projekte",
"ctaContact": "Kontakt" "ctaContact": "Kontakt"
}, },

2
messages/en.json
View File

@@ -35,7 +35,7 @@
"f2": "Docker Swarm & CI/CD", "f2": "Docker Swarm & CI/CD",
"f3": "Self-Hosted Infrastructure" "f3": "Self-Hosted Infrastructure"
}, },
"description": "I'm Dennis – a student from Germany and a passionate self-hoster. I build full-stack applications and love the challenge of managing the infrastructure they run on.", "description": "I'm Dennis, a student from Germany and a passionate selfhoster. I build fullstack applications and love the challenge of managing the infrastructure they run on.",
"ctaWork": "View Projects", "ctaWork": "View Projects",
"ctaContact": "Get in touch" "ctaContact": "Get in touch"
}, },