department-of-veterans-affairs / va.gov-cms

Editor-centered management for Veteran-centered content.
https://prod.cms.va.gov
GNU General Public License v2.0
96 stars 70 forks source link

FE: Add "Mission Explainer" Box to VetCenter Facility Pages #18724

Open Agile6MSkinner opened 1 month ago

Agile6MSkinner commented 1 month ago

BLOCKED ON FINAL CONTENT FROM CAIA: https://github.com/department-of-veterans-affairs/va.gov-team/issues/83961 Drupal functionality was created using Draft content. We do not want to publish that to the FE. Could build this and hold merge until final content is received, or opt not to work it yet.

BLOCKED ON Product decision re: content-build vs. AP for Vet Centers 2.0

User Story

As a veteran, beneficiary or caretaker, I would like to have a summary box displayed at the top of VetCenter facility pages so that I am quickly able to understand the mission and services offered for the facility I am looking at.

Description

Implement a GraphQL query to fetch VetCenter mission explainer content and use the existing "Summary Box" component from the design system to display it on the Vet Center pages.

Figma Designs

ACs:

  1. Blue Summary Box exists at the top all VetCenter facility pages
  2. Includes content from Mission Explainer content block created in #18723
  3. The blue summary box must use the existing "Summary Box" design component
### Tasks
- [ ] Write a GraphQL query to fetch the blue information box content, with Drupal support.
- [ ] Integrate the ["Summary Box" component](https://design.va.gov/components/summary-box) to into the template
- [ ] Exclude blue box from On this Page component (pending DST guidance update)
### QA
- [ ] Verify that the "Summary Box" component is used for the mission explainer summary box.
- [ ] Verify that the content is correct in the front-end and matches Drupal data
- [ ] Verify that the blue information box is displayed correctly and consistently across all Vet Center pages.
- [ ] Accessibility Review
- [ ] Design Review
davidmpickett commented 1 month ago

Noting that we have a request out to the Design System team to update their guidance on On This Page component so we could exclude the blue box from having a jump link

aklausmeier commented 3 weeks ago

Noting that we do not have final content from CAIA.

jilladams commented 3 weeks ago

Added details on the CAIA blocker in ticket body. I bumped https://github.com/department-of-veterans-affairs/va.gov-team/issues/83961 as well to see if they have updates, since we haven't heard anything this week.

We are also blocked on product decision around timing / priority for building out Vet Centers 2.0 in content-build (and creating more drift for the AP template to catch up) vs. waiting for AP to ship, and building it all out in AP instead.

FYI @mmiddaugh @Agile6MSkinner

jilladams commented 3 weeks ago

I think we could do a quick estimate in refinement re: pulling fields through to FE in content-build, just to understand the lift, if we have time.