fix(frontend): move dashboard to /dashboard route

The dashboard page was created at (authenticated)/page.tsx which would
serve the same route as [locale]/page.tsx (the public landing page).
Next.js doesn't allow route groups to override parent pages.

Changes:
- Move dashboard page to (authenticated)/dashboard/page.tsx
- Update Header nav links to point to /dashboard
- Update AppBreadcrumbs home link to /dashboard
- Update E2E tests to navigate to /dashboard

Now authenticated users should navigate to /dashboard for their homepage,
while /en serves the public landing page for unauthenticated users.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-01 17:25:32 +01:00
parent 64576da7dc
commit e0739a786c
5 changed files with 17 additions and 3 deletions

View File

@@ -23,6 +23,7 @@ test.describe('Main Dashboard Page', () => {
test('should display welcome header with user name', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Check for welcome message
@@ -32,6 +33,7 @@ test.describe('Main Dashboard Page', () => {
test('should display quick stats cards', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Check for stats cards
@@ -43,6 +45,7 @@ test.describe('Main Dashboard Page', () => {
test('should display recent projects section', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Check recent projects heading
@@ -56,6 +59,7 @@ test.describe('Main Dashboard Page', () => {
test('should navigate to projects page when clicking View all', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Click view all link
@@ -68,6 +72,7 @@ test.describe('Main Dashboard Page', () => {
test('should have Create Project button', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Check for create project button
@@ -77,6 +82,7 @@ test.describe('Main Dashboard Page', () => {
test('should display pending approvals when they exist', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Check for pending approvals section
@@ -87,6 +93,7 @@ test.describe('Main Dashboard Page', () => {
test('should have accessible heading hierarchy', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Check for h1 (welcome message)
@@ -100,6 +107,7 @@ test.describe('Main Dashboard Page', () => {
test('should be keyboard navigable', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Tab through the page elements
@@ -115,6 +123,7 @@ test.describe('Main Dashboard Page', () => {
await page.setViewportSize({ width: 375, height: 667 });
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Page should still be functional on mobile
@@ -127,6 +136,7 @@ test.describe('Main Dashboard Page', () => {
// Measure navigation timing
const start = Date.now();
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
const duration = Date.now() - start;
@@ -144,6 +154,7 @@ test.describe('Main Dashboard Empty State', () => {
// This tests the empty state path - in demo mode we have mock data
// so we check for the empty state component being available
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// In demo mode we always have projects, but the empty state exists
@@ -160,6 +171,7 @@ test.describe('Main Dashboard Stats Interaction', () => {
test('should display stats with numeric values', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Stats should show numbers
@@ -169,6 +181,7 @@ test.describe('Main Dashboard Stats Interaction', () => {
test('should make stats cards clickable where appropriate', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Active Projects stat should link to projects

View File

@@ -125,6 +125,7 @@ test.describe('Projects List Page', () => {
test('should be accessible from dashboard', async ({ page }) => {
await loginViaUI(page);
await page.goto('/en/dashboard');
await page.waitForLoadState('networkidle');
// Click "View all" link from dashboard

View File

@@ -96,7 +96,7 @@ export function AppBreadcrumbs({ items, showHome = true, className }: AppBreadcr
{showHome && (
<li className="flex items-center">
<Link
href="/"
href="/dashboard"
className="flex items-center text-muted-foreground hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-sm"
aria-label="Home"
data-testid="breadcrumb-home"

View File

@@ -83,7 +83,7 @@ export function Header() {
<div className="container mx-auto flex h-16 items-center px-4">
{/* Logo */}
<div className="flex items-center space-x-8">
<Link href="/" className="flex items-center space-x-2">
<Link href="/dashboard" className="flex items-center space-x-2">
<Image
src="/logo-icon.svg"
alt="Syndarix Logo"
@@ -96,7 +96,7 @@ export function Header() {
{/* Navigation Links */}
<nav className="hidden md:flex items-center space-x-1">
<NavLink href="/" exact>
<NavLink href="/dashboard" exact>
{t('home')}
</NavLink>
{user?.is_superuser && <NavLink href="/admin">{t('admin')}</NavLink>}