Skip to content

Enable searching #4

@mscottford

Description

@mscottford

Enable searching for episodes.

There is some UI for this, but it's commented out (see

{/* <label htmlFor="mobile-search" className="sr-only">
Search
</label>
<div className="relative text-brand-yellow-900 focus-within:text-gray-800">
<div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
<MagnifyingGlassIcon className="h-5 w-5" aria-hidden="true" />
</div>
<input
id="mobile-search"
className="block w-full rounded-md border-0 bg-brand-yellow-400 py-1.5 pl-10 pr-3 text-black placeholder:text-brand-yellow-900 focus:bg-brand-yellow-400 focus:text-gray-900 focus:ring-0 focus:placeholder:text-gray-900 sm:text-sm sm:leading-6"
placeholder="Search"
type="search"
name="search"
/>
and
{/* <label htmlFor="desktop-search" className="sr-only">
Search
</label>
<div className="relative text-brand-yellow-900 focus-within:text-gray-800">
<div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
<MagnifyingGlassIcon className="h-5 w-5" aria-hidden="true" />
</div>
<input
id="desktop-search"
className="block w-full rounded-md border-0 bg-brand-yellow-400 py-1.5 pl-10 pr-3 text-black placeholder:text-brand-yellow-900 focus:bg-brand-yellow-400 focus:text-gray-900 focus:ring-0 focus:placeholder:text-gray-900 sm:text-sm sm:leading-6"
placeholder="Search"
type="search"
name="search"
/>
</div> */}
).

This will need to work without having to change the fact that the website is served via a NextJS export. See https://nextjs.org/docs/advanced-features/static-html-export for the limitations that static export imposes.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions