Code Health Use Case
Created by: zlonko
This closes #5238 (closed) by creating the Use Case page for Code Health.
The design and copy are developed from Figma. The metadata comes from this file.
Notes
- The
QuoteCarousel
design includes text without attribution: Figma comment. To support this, a condition has been added toBlockquoteWithLogoBottom
to add quotation marks whenby
is provided. - To support the link to the Lyft use case on this page, a condition has been added to display a link at the bottom of
Blockquote
whenlink
andlinkText
are provided. - In alignment with other Use Case pages, MDI icons were used to match the icons in the prototype.
- While this was in development, colors on
about
were updated with https://github.com/sourcegraph/about/pull/5258. This updated link, icon, and button colors from blue toblurple
. - Similar to #5259, gradient background colors were carried over from Fixing Vulnerabilities and Developer Onboarding to align this page with styling for Use Case pages.
- Highlighting @st0nebraker's comment about the ThreeUpText component in #5259. Happy to incorporate it on the Code Health and Incident Response pages when it is merged!
Testing
- Navigate to
/use-cases/code-health
- Please check that the design aligns with Figma
- Please check that links work as expected on
use-cases/code-health
anduse-cases
- Please check that meta is correct (location, title, description)