Skip to content

feat(dashboards): add collections list view per organism#1098

Merged
fhennig merged 8 commits intomainfrom
generalized-collections-ui-pt1
Mar 24, 2026
Merged

feat(dashboards): add collections list view per organism#1098
fhennig merged 8 commits intomainfrom
generalized-collections-ui-pt1

Conversation

@fhennig
Copy link
Contributor

@fhennig fhennig commented Mar 23, 2026

Summary

  • adds a new 'Collections' menu entry
  • adds a collections overview page where you can pick an organism
  • adds a page where you can see all collections for an organism in a table

Screenshots

new menu entry and separator:

image

Collections table:

image

collections overview:

image

PR Checklist

  • All necessary documentation has been adapted.
  • The implemented feature is covered by an appropriate test.

Co-Authored-By: Claude Sonnet 4.6 noreply@anthropic.com

@vercel
Copy link

vercel bot commented Mar 23, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
dashboards Ready Ready Preview, Comment Mar 24, 2026 9:30am

Request Review

@fhennig fhennig changed the title Add Collections entry to organism mega menus feat(dashboards): add collections list view per organism Mar 23, 2026
@fhennig
Copy link
Contributor Author

fhennig commented Mar 23, 2026

For testing: I've created a little script you can run to create a few collections, it'll create them in the backend directly. this is so you can see collections in the table:

create-test-collections.sh

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new “Collections” feature area in the website dashboards, enabling users to navigate to a collections overview and view organism-specific collections in a table.

Changes:

  • Added /collections overview page and /collections/[organism] organism-specific collections page.
  • Introduced a new React collections table component that fetches collections from the backend API.
  • Updated header/mega-menu, main menu, and hamburger menu entries to include “Collections” with an optional separator.

Reviewed changes

Copilot reviewed 11 out of 11 changed files in this pull request and generated 5 comments.

Show a summary per file
File Description
website/src/types/pages.ts Adds route constants for collections pages.
website/src/pages/collections/index.astro New overview page to select an organism.
website/src/pages/collections/[organism]/index.astro New organism-specific collections page + breadcrumbs.
website/src/components/collections/overview/CollectionsOverview.tsx New client-side fetched collections table UI.
website/src/layouts/base/header/getPathogenMegaMenuSections.ts Adds “Collections” entry per organism in the mega menu, with separator support.
website/src/layouts/base/header/Navigation.tsx Wires hasSeparatorAbove through to menu entries.
website/src/layouts/base/header/MegaMenu.tsx Implements visual separator support for mega menu list entries.
website/src/layouts/base/header/HamburgerMenuSection.astro Passes separator flag through to hamburger items.
website/src/layouts/base/header/HamburgerMenuItem.astro Implements visual separator support for hamburger list items.
website/src/components/MainMenuItem.astro Implements visual separator support for main menu list items.
website/src/components/MainMenu.astro Passes separator flag through to main menu items.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Base automatically changed from generalized-collections-frontend-api to main March 24, 2026 08:29
fhennig and others added 5 commits March 24, 2026 09:34
Each organism's Pathogens menu now includes a Collections link, placed
after dashboards and before external Browse data links, with a visual
separator above it. Separator is threaded through desktop mega menu,
mobile hamburger menu, and landing page organism tiles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Adds /collections (organism selector) and /collections/:organism
(overview table) as browsable-without-login pages. The overview
fetches collections from the backend and displays them in a table.
The isLoggedIn prop is wired through from SSR session but unused
until create/edit is added in a follow-up PR.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Use organism background colors, border decorations, and hover states
matching the landing page tiles. Grid is 2→3→4 columns across breakpoints.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@fhennig fhennig merged commit 2bc86c3 into main Mar 24, 2026
9 checks passed
@fhennig fhennig deleted the generalized-collections-ui-pt1 branch March 24, 2026 09:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants