@@ -37,7 +37,7 @@ export const Route = createRootRoute({
37
37
38
38
function RootComponent() {
39
39
const { theme, lang, debug } = Route .useSearch ()
40
-
40
+
41
41
return (
42
42
<div className = { ` app theme-${theme } lang-${lang } ` } >
43
43
{ debug && <DebugPanel />}
@@ -66,7 +66,7 @@ export const Route = createFileRoute('/products/')({
66
66
function ProductsPage() {
67
67
// Contains both local (page, category) AND inherited (theme, lang, debug) parameters
68
68
const search = Route .useSearch ()
69
-
69
+
70
70
return (
71
71
<div >
72
72
<h1 >Products (Theme: { search .theme } )</h1 >
@@ -100,17 +100,15 @@ export const Route = createFileRoute('/_authenticated')({
100
100
101
101
function AuthenticatedLayout() {
102
102
const search = Route .useSearch ()
103
-
103
+
104
104
return (
105
105
<div className = " authenticated-layout" >
106
106
{ search .sidebar && <Sidebar />}
107
107
<main className = " main-content" >
108
108
{ search .notifications && <NotificationBar />}
109
109
<Outlet />
110
110
</main >
111
- { search .impersonate && (
112
- <ImpersonationBanner user = { search .impersonate } />
113
- )}
111
+ { search .impersonate && <ImpersonationBanner user = { search .impersonate } />}
114
112
</div >
115
113
)
116
114
}
@@ -127,7 +125,7 @@ export const Route = createFileRoute('/_authenticated/dashboard')({
127
125
function DashboardPage() {
128
126
// Contains inherited auth parameters (impersonate, sidebar, notifications)
129
127
const search = Route .useSearch ()
130
-
128
+
131
129
return (
132
130
<div >
133
131
<h1 >Dashboard</h1 >
@@ -143,16 +141,19 @@ function DashboardPage() {
143
141
## Common Use Cases
144
142
145
143
** Global Application Settings:**
144
+
146
145
- Theme, language, timezone
147
146
- Debug flags, feature toggles
148
147
- Analytics tracking (UTM parameters)
149
148
150
149
** Section-Specific State:**
150
+
151
151
- Authentication context (user role, impersonation)
152
152
- Layout preferences (sidebar, density)
153
153
- Workspace or organization context
154
154
155
155
** Persistent UI State:**
156
+
156
157
- Modal visibility, drawer state
157
158
- Filter presets, view modes
158
159
- Accessibility preferences
@@ -241,4 +242,4 @@ After implementing shared search parameters, you might want to:
241
242
242
243
- [ Set Up Basic Search Parameters] ( ./setup-basic-search-params.md ) - Learn search parameter fundamentals
243
244
- [ Navigate with Search Parameters] ( ./navigate-with-search-params.md ) - Navigate while preserving search state
244
- - [ Validate Search Parameters with Schemas] ( ./validate-search-params.md ) - Add type safety to shared parameters
245
+ - [ Validate Search Parameters with Schemas] ( ./validate-search-params.md ) - Add type safety to shared parameters
0 commit comments