add hideCurrent option for breadcrumbs

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sanitypress",
-	"version": "4.7.2",
+	"version": "4.7.3",
 	"description": "A Next.js + Sanity.io Starter Template",
 	"author": "nuotsu <mitchell@nuotsu.dev> (https://nuotsu.dev)",
 	"license": "ISC",

sanity/schemas/modules/breadcrumbs.ts

@@ -14,6 +14,12 @@ export default defineType({
 			of: [{ type: 'link', initialValue: { type: 'internal' } }],
 			description: 'Current page is automatically included',
 		}),
+		defineField({
+			name: 'hideCurrent',
+			title: 'Hide current page',
+			type: 'boolean',
+			initialValue: false,
+		}),
 	],
 	preview: {
 		select: {

src/ui/modules/Breadcrumbs.tsx

@@ -4,9 +4,11 @@ import { stegaClean } from '@sanity/client/stega'
 
 export default async function Breadcrumbs({
 	crumbs,
+	hideCurrent,
 	currentPage,
 }: Partial<{
 	crumbs: Sanity.Link[]
+	hideCurrent?: boolean
 	currentPage: Sanity.Page | Sanity.BlogPost
 }>) {
 	return (
@@ -20,13 +22,15 @@ export default async function Breadcrumbs({
 					<Fragment key={key}>
 						<Crumb link={crumb} position={key + 1} />
 
-						<li className="opacity-20" role="presentation">
-							/
-						</li>
+						{(key < crumbs.length - 1 || !hideCurrent) && (
+							<li className="opacity-20" role="presentation">
+								/
+							</li>
+						)}
 					</Fragment>
 				))}
 
-				<Crumb position={(crumbs?.length || 0) + 2}>
+				<Crumb position={(crumbs?.length || 0) + 2} hidden={hideCurrent}>
 					{currentPage?.title || currentPage?.metadata.title}
 				</Crumb>
 			</ol>
@@ -38,13 +42,15 @@ function Crumb({
 	link,
 	position,
 	children,
+	hidden,
 }: {
 	link?: Omit<Sanity.Link, '_type'>
 	position: number
+	hide?: boolean
 } & React.ComponentProps<'li'>) {
 	const content = (
 		<>
-			<span itemProp="name">
+			<span itemProp="name" hidden={hidden}>
 				{stegaClean(
 					children || link?.label || link?.internal?.title || link?.external,
 				)}