feat(v1): add ReleaseCard ecosystem-landing component (Phase 3 - PR 2)#686
Merged
vitorvasc merged 2 commits intoJun 16, 2026
Merged
Conversation
✅ Deploy Preview for otel-ecosystem-explorer ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
vitorvasc
force-pushed
the
feat/84-phase3-pr2-release-card
branch
from
289cc54 to
ac8cfa0
Compare
Contributor
PR ScreenshotsHomeLight
Dark
Instrumentation ListLight
Dark
Detail — Details tabLight
Dark
Detail — Telemetry tabLight
Dark
Detail — Configuration tabLight
Dark
Collector ListLight
Dark
Collector DetailLight
Dark
Dev components showcaseLight
Dark
Visual diffs vs main (6 over budget, 0 new, 0 missing)
Captured from |
9 tasks
jaydeluca
approved these changes
Jun 15, 2026
jaydeluca
left a comment
jaydeluca
left a comment
Member
There was a problem hiding this comment.
nice, love that you are already integrating the localization!
- Use the otel-orange token instead of the hex literal in release-card.css - Name the empty-state aside landmark via aria-label - Move the decorative changelog arrow to CSS so it stays out of the link's accessible name
vitorvasc
force-pushed
the
feat/84-phase3-pr2-release-card
branch
from
04cc45a to
7edbda8
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Second PR of Phase 3 (ecosystem landing pages). Adds the
<ReleaseCard>hero card.Contributes to #372.
What's in this PR
<ReleaseCard>(src/v1/components/ecosystem/release-card.tsx): the top-right hero card showing the latest version, optional release date, a delta strip (added / changed / deprecated), and an optional changelog link. Renders a named empty state when no release info is availablesrc/v1/styles/release-card.css(imported into the v1 stylesheet); the decorative changelog arrow is a CSS pseudo-element so it stays out of the link's accessible name, and the brand orange comes from the--otel-orange-hsltokenecosystemnamespace (public/locales/{en,es}/ecosystem.json), registered insrc/i18n/config.tsandsrc/test/setup.ts, following feat(i18n): extract collector namespace strings #650/_dev/componentsshowcase (full + empty variants)What's not in this PR
ecosystemnamespace scaffolding (config / test setup / locale files) is shared with the sibling Phase 3 component PRs (PipelineAnatomy, QuickEntryRow); whichever lands first establishes it, the others need a trivial union-mergeVerification
bun run typecheck— cleanbun run lint— cleanbun run test -t "ReleaseCard"— 2 tests passbun run format— no changes