Simplify website search and listing controls (#1553)

* Removing search from the home pageThis was a little confusing because there are two searches, but the overall site search is a lot more powerful

* Prefilter website search by resource page

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* small error handling and formatting

* Simplify website listing controls

Remove per-page text search, trim page-specific controls, and move remaining sort/filter controls into compact flyouts.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
Aaron Powell
2026-04-29 16:03:08 +10:00
committed by GitHub
parent 0d7a5ad4c2
commit 76ac13a9b8
29 changed files with 1166 additions and 1331 deletions
@@ -33,19 +33,13 @@ export function sortInstructions<T extends RenderableInstruction>(
}
export function renderInstructionsHtml(
items: RenderableInstruction[],
options: {
query?: string;
highlightTitle?: (title: string, query: string) => string;
} = {}
items: RenderableInstruction[]
): string {
const { query = '', highlightTitle } = options;
if (items.length === 0) {
return `
<div class="empty-state">
<h3>No instructions found</h3>
<p>Try a different search term or adjust filters</p>
<p>Try adjusting the selected filters.</p>
</div>
`;
}
@@ -55,16 +49,12 @@ export function renderInstructionsHtml(
const applyToText = Array.isArray(item.applyTo)
? item.applyTo.join(', ')
: item.applyTo;
const titleHtml =
query && highlightTitle
? highlightTitle(item.title, query)
: escapeHtml(item.title);
return `
<article class="resource-item" data-path="${escapeHtml(item.path)}" role="listitem">
<button type="button" class="resource-preview">
<div class="resource-info">
<div class="resource-title">${titleHtml}</div>
<div class="resource-title">${escapeHtml(item.title)}</div>
<div class="resource-description">${escapeHtml(item.description || 'No description')}</div>
<div class="resource-meta">
${applyToText ? `<span class="resource-tag">applies to: ${escapeHtml(applyToText)}</span>` : ''}