implemented the copilot suggestions

This commit is contained in:
watashiwaaniket 2026-01-10 16:18:39 +05:30
parent 65e36d9e6c
commit da264c13de

View File

@ -68,12 +68,8 @@ export default ((userOpts?: Partial<Options>) => {
const Explorer: QuartzComponent = ({ cfg, displayClass, ...props }: QuartzComponentProps) => { const Explorer: QuartzComponent = ({ cfg, displayClass, ...props }: QuartzComponentProps) => {
const id = `explorer-${numExplorers++}` const id = `explorer-${numExplorers++}`
const beforeComponents = (opts.components || []).filter( const beforeComponents = (opts.components || []).filter((c) => c.position === "before")
(c) => c.position === "before" || !c.position, const afterComponents = (opts.components || []).filter((c) => c.position === "after")
)
const afterComponents = (opts.components || []).filter(
(c) => c.position === "after" || !c.position,
)
return ( return (
<div <div
@ -132,19 +128,27 @@ export default ((userOpts?: Partial<Options>) => {
</svg> </svg>
</button> </button>
<div id={id} class="explorer-content" aria-expanded={false} role="group"> <div id={id} class="explorer-content" aria-expanded={false} role="group">
{beforeComponents.map((comp, idx) => ( {beforeComponents.map((comp, idx) => {
<div key={`before-${idx}`}> const componentName = comp.Component.displayName || `component-${idx}`
<comp.Component {...props} cfg={cfg} /> const key = `before-${componentName}-${idx}`
</div> return (
))} <div key={key}>
<comp.Component {...props} cfg={cfg} />
</div>
)
})}
<OverflowList class="explorer-ul" /> <OverflowList class="explorer-ul" />
{afterCOmpoentns.map((comp, idx) => ( {afterComponents.map((comp, idx) => {
<div key={`after-${idx}`}> const componentName = comp.Component.displayName || `component-${idx}`
<comp.Component {...props} cfg={cfg} /> const key = `before-${componentName}-${idx}`
</div> return (
))} <div key={key}>
<comp.Component {...props} cfg={cfg} />
</div>
)
})}
</div> </div>
<template id="template-file"> <template id="template-file">
<li> <li>