Skip to content
NutsNews chestnut logoNutsNews Wiki

Technical guide · Overview

Page status: HistoricalHistory group: Updates

NutsNews Footer Search Menu Patch

This is a UI-only patch that keeps the existing /api/search backend but moves search out of the home feed.

Visual overview

Primary diagram

System map

This is a UI-only patch that keeps the existing /api/search backend but moves search out of the home feed.

Render the repository-owned system map when you need it.

Diagram is not rendered yet.

View as text
NutsNews Footer Search Menu Patch

This is a UI-only patch that keeps the existing /api/search backend but moves search out of the home feed.

flowchart TB
  accTitle: NutsNews Footer Search Menu Patch
  accDescr {
    This is a UI-only patch that keeps the existing /api/search backend but moves search out of the home feed.
  }
  A["NutsNews Footer Search Menu Patch"] --> B["updates/README_FOOTER_SEARCH_MENU_PATCH.md"]
  B --> C["Auto-generated placeholder diagram"]

NutsNews Footer Search Menu Patch

Fullscreen diagram view.

NutsNews Footer Search Menu Patch

Section titled “NutsNews Footer Search Menu Patch”

This is a UI-only patch that keeps the existing /api/search backend but moves search out of the home feed.

What changed

Section titled “What changed”
  • Removed the inline search box from the home page feed.
  • Added a search icon to the footer controls.
  • The footer search icon opens a search menu/dialog.
  • The search menu calls the existing /api/search endpoint.
  • Search results appear inside the menu.
  • The normal home feed and infinite scroll work without search mode interruptions.

Files changed

Section titled “Files changed”
  • web/app/components/ArticleFeed.tsx
  • web/app/components/SiteFooter.tsx

Install

Section titled “Install”
Terminal window
cd /Users/ramideltoro/WebstormProjects/nutsnews3


zsh ~/Downloads/nutsnews-footer-search-menu-patch/nutsnews_footer_search_menu_patch/scripts/install_footer_search_menu_patch.sh \
  ~/Downloads/nutsnews-footer-search-menu-patch/nutsnews_footer_search_menu_patch

Test

Section titled “Test”
Terminal window
cd /Users/ramideltoro/WebstormProjects/nutsnews3/web
npm run build
npm run dev

Open http://localhost:3000 and test:

  1. The home page search box is gone.
  2. The footer has a search icon near the home/theme controls.
  3. Tapping the search icon opens the search menu.
  4. Searching returns full archive results from /api/search.
  5. Closing the menu returns to the normal home feed.