mirror of
https://github.com/jackyzha0/quartz.git
synced 2026-02-04 06:25:41 -06:00
implemented the copilot suggestions
This commit is contained in:
parent
65e36d9e6c
commit
da264c13de
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user