Skip to content

feat:Add Hereditary and Comprehensive Cancer Profiling Pages with Modern UI

Praveena Veeranki requested to merge onco into dev

Description

This Merge Request introduces two new dedicated pages for the Onco Genomics section, moving away from a traditional FAQ accordion format to a more modern, card-based UI. It also updates site navigation to seamlessly integrate these new pathways.

Key Changes

  • New Onco Genomics Pages:
    • Added GenePanel72.tsx to serve as the Hereditary Cancer Diagnosis page.
    • Added GenePanel500.tsx to serve as the Comprehensive Cancer Genomic Profiling (500-Gene Panel) page.
  • Modern UI Implementation:
    • Built both new pages using a responsive, responsive grid of GlassCard components instead of standard expand/collapse accordions for a more premium visual aesthetic.
  • Navigation Updates (Navbar.jsx):
    • Updated the "Onco Genomics" dropdown menu to include direct routes for Hereditary and Comprehensive Cancer.
  • Onco Genomics Landing Page Updates (OncoGenomics.jsx):
    • Updated the naming conventions on the landing cards to match the new comprehensive titles.
    • Wrapped the overview cards in standard Link tags to directly route users to the newly created panel pages.

Testing/Verification

  • Verified that /onco-genomics/72-gene-panel and /onco-genomics/500-gene-panel routes render the correct card layout without any console or styling errors.
  • Confirmed that navigating via the top navbar dropdown correctly links to both pages.
  • Confirmed that clicking the summary cards on /onco-genomics properly routes to the respective panel pages.

Merge request reports