@primer/doctocat-nextjs 0.0.0-20250626095112 → 0.0.0-20250626102357
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -2
- package/components/layout/root-layout/Theme.tsx +34 -32
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -149,41 +149,43 @@ export function Theme({pageMap, children}: ThemeProps) {
|
|
|
149
149
|
{activeHeaderLink ? activeHeaderLink.title : siteTitle}
|
|
150
150
|
</Breadcrumbs.Item>
|
|
151
151
|
)}
|
|
152
|
-
{activePath
|
|
153
|
-
|
|
152
|
+
{activePath
|
|
153
|
+
.filter((item, index, array) => {
|
|
154
|
+
const nextItem = array[index + 1]
|
|
154
155
|
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
156
|
+
// Skip when current item is a folder followed by its index page
|
|
157
|
+
// or when it is an index page with a tabbed navigation
|
|
158
|
+
return !(
|
|
159
|
+
(index < array.length - 1 &&
|
|
160
|
+
nextItem.name === 'index' &&
|
|
161
|
+
item.route === nextItem.route &&
|
|
162
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
163
|
+
!nextItem.frontMatter?.['tab-label']) ||
|
|
164
|
+
(item.name === 'index' &&
|
|
165
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
166
|
+
item.frontMatter?.['tab-label'])
|
|
167
|
+
)
|
|
168
|
+
})
|
|
169
|
+
.map((item, index, visibleItems) => {
|
|
160
170
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
return acc
|
|
164
|
-
}
|
|
171
|
+
const itemTitle = item.frontMatter?.['tab-label'] || item.title
|
|
172
|
+
const isLastItem = index === visibleItems.length - 1
|
|
165
173
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
{itemTitle.replace(/-/g, ' ')}
|
|
182
|
-
</Breadcrumbs.Item>,
|
|
183
|
-
)
|
|
184
|
-
|
|
185
|
-
return acc
|
|
186
|
-
}, [] as React.ReactNode[])}
|
|
174
|
+
return (
|
|
175
|
+
<Breadcrumbs.Item
|
|
176
|
+
as={NextLink}
|
|
177
|
+
key={item.name}
|
|
178
|
+
href={item.route}
|
|
179
|
+
selected={isLastItem}
|
|
180
|
+
sx={{
|
|
181
|
+
textTransform: 'capitalize',
|
|
182
|
+
color: 'var(--brand-InlineLink-color-rest)',
|
|
183
|
+
}}
|
|
184
|
+
>
|
|
185
|
+
{itemTitle.replace(/-/g, ' ')}
|
|
186
|
+
</Breadcrumbs.Item>
|
|
187
|
+
)
|
|
188
|
+
})}
|
|
187
189
|
</Breadcrumbs>
|
|
188
190
|
)}
|
|
189
191
|
|