Skip to content

Commit a7c08aa

Browse files
aledlieclaude
andcommitted
fix(routes): add missing coverage route and update gitignore
- Add src/routes/dashboard/coverage/index.tsx that was missing from repo - Update .gitignore to use /coverage/ pattern to only ignore root-level coverage directory, not src/routes/dashboard/coverage/ The routeTree.gen.ts was referencing this route but it wasn't tracked. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 7e7974c commit a7c08aa

2 files changed

Lines changed: 43 additions & 2 deletions

File tree

‎.gitignore‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,8 @@ yarn-error.log*
2424
lerna-debug.log*
2525
pnpm-debug.log*
2626

27-
# Testing
28-
coverage/
27+
# Testing (root-level coverage directory only, not src/routes/dashboard/coverage)
28+
/coverage/
2929
.nyc_output/
3030
*.lcov
3131

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
import { createFileRoute } from '@tanstack/react-router';
2+
import { lazy, Suspense } from 'react';
3+
import { SuspenseLoader } from '@/components/SuspenseLoader';
4+
5+
/**
6+
* Lazy-loaded Test Coverage Page component
7+
*
8+
* Uses React.lazy for code splitting to reduce initial bundle size.
9+
* The TestCoveragePage component is only loaded when this route is accessed.
10+
*/
11+
const TestCoveragePage = lazy(() => import('@/features/dashboard/components/TestCoveragePage'));
12+
13+
/**
14+
* Test Coverage Route Configuration
15+
*
16+
* File-based routing for TanStack Router.
17+
* Route: /dashboard/coverage/
18+
*
19+
* Features:
20+
* - Lazy loading with React.lazy and Suspense
21+
* - SuspenseLoader fallback during code/data loading
22+
* - Breadcrumb configuration for navigation
23+
* - Type-safe route definition
24+
*/
25+
export const Route = createFileRoute('/dashboard/coverage/')({
26+
/**
27+
* Route component with Suspense wrapper
28+
*/
29+
component: () => (
30+
<Suspense fallback={<SuspenseLoader />}>
31+
<TestCoveragePage />
32+
</Suspense>
33+
),
34+
35+
/**
36+
* Loader function for route metadata
37+
*/
38+
loader: () => ({
39+
crumb: 'Test Coverage',
40+
}),
41+
});

0 commit comments

Comments
 (0)