Add badge to Element types in sidebar :)

Fernando-A-Rocha · Fernando-A-Rocha · commit 52d46173483f · 2025-02-03T15:37:01.000Z
diff --git a/web/astro.config.mjs b/web/astro.config.mjs
@@ -56,7 +56,10 @@ export default defineConfig({
 						{
 							label: 'Elements',
 							items: [
-								{label: 'Element types', link: '/Element'},
+								{label: 'Element types', link: '/Element', badge:{
+									text: 'New',
+									variant: 'tip',
+								}},
 								{slug: 'Element_tree'},
 							]
 						},
diff --git a/web/src/pages/Element/[id].astro b/web/src/pages/Element/[id].astro
@@ -16,4 +16,4 @@ const { Content } = await render(element);
 <StarlightPage frontmatter={{ title: element.data.name }}>
   <p>TODO</p>
   <Content />
-</StarlightPage>
+</StarlightPage>
diff --git a/web/src/pages/Element/index.astro b/web/src/pages/Element/index.astro
@@ -10,4 +10,4 @@ const elements = await getCollection('elements');
       <li><a href={`/Element/${element.id}`}>{element.data.name}</a></li>
     ))}
   </ul>
-</StarlightPage>
+</StarlightPage>

Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,10 @@ export default defineConfig({`
`56`	`56`	`{`
`57`	`57`	`label: 'Elements',`
`58`	`58`	`items: [`
`59`		`- {label: 'Element types', link: '/Element'},`
	`59`	`+ {label: 'Element types', link: '/Element', badge:{`
	`60`	`+ text: 'New',`
	`61`	`+ variant: 'tip',`
	`62`	`+ }},`
`60`	`63`	`{slug: 'Element_tree'},`
`61`	`64`	`]`
`62`	`65`	`},`