Skip to content

feat(v1): add QuickEntryRow ecosystem-landing component (Phase 3 - PR 4)#688

Open
vitorvasc wants to merge 1 commit into
open-telemetry:mainfrom
vitorvasc:feat/84-phase3-pr4-quick-entry-row
Open

feat(v1): add QuickEntryRow ecosystem-landing component (Phase 3 - PR 4)#688
vitorvasc wants to merge 1 commit into
open-telemetry:mainfrom
vitorvasc:feat/84-phase3-pr4-quick-entry-row

Conversation

@vitorvasc

Copy link
Copy Markdown
Member

Fourth PR of Phase 3 (ecosystem landing pages). Adds the <QuickEntryRow> shortcut cards.

Contributes to #372.

What's in this PR

  • Adds <QuickEntryRow> (src/v1/components/ecosystem/quick-entry-row.tsx): a row of shortcut cards (internal <Link> or external <a>) below the pipeline anatomy. Item content is caller-provided; the section title defaults through i18next. External links carry rel="noopener noreferrer"
  • Adds src/v1/styles/quick-entry-row.css (imported into the v1 stylesheet)
  • Wires the default title through i18next under the ecosystem namespace (en / es), registered in config + test setup per feat(i18n): extract collector namespace strings #650
  • Adds the component to the /_dev/components showcase
  • Unit test covering the internal link href and the external link's target / rel

What's not in this PR

  • No consumer yet; the landing routes supply the curated items in later PRs
  • The ecosystem namespace scaffolding is shared with the sibling Phase 3 component PRs (ReleaseCard, PipelineAnatomy); trivial union-merge depending on order

Verification

  • bun run typecheck — clean
  • bun run lint — clean
  • bun run test -t "QuickEntryRow" — 3 tests pass
  • bun run format — no changes

Co-authored with Claude Opus 4.8.

@netlify

netlify Bot commented Jun 11, 2026

Copy link
Copy Markdown

Deploy Preview for otel-ecosystem-explorer ready!

Name Link
🔨 Latest commit f1264f5
🔍 Latest deploy log https://app.netlify.com/projects/otel-ecosystem-explorer/deploys/6a3240051ff6f400080716de
😎 Deploy Preview https://deploy-preview-688--otel-ecosystem-explorer.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

github-actions Bot pushed a commit that referenced this pull request Jun 11, 2026
@otelbot

otelbot Bot commented Jun 11, 2026

Copy link
Copy Markdown
Contributor

PR Screenshots

Home

Light

Desktop Tablet Mobile
home desktop light home tablet light home mobile light

Dark

Desktop Tablet Mobile
home desktop dark home tablet dark home mobile dark
Instrumentation List

Light

Desktop Tablet Mobile
instrumentation-list desktop light instrumentation-list tablet light instrumentation-list mobile light

Dark

Desktop Tablet Mobile
instrumentation-list desktop dark instrumentation-list tablet dark instrumentation-list mobile dark
Detail — Details tab

Light

Desktop Tablet Mobile
detail-details desktop light detail-details tablet light detail-details mobile light

Dark

Desktop Tablet Mobile
detail-details desktop dark detail-details tablet dark detail-details mobile dark
Detail — Telemetry tab

Light

Desktop Tablet Mobile
detail-telemetry desktop light detail-telemetry tablet light detail-telemetry mobile light

Dark

Desktop Tablet Mobile
detail-telemetry desktop dark detail-telemetry tablet dark detail-telemetry mobile dark
Detail — Configuration tab

Light

Desktop Tablet Mobile
detail-configuration desktop light detail-configuration tablet light detail-configuration mobile light

Dark

Desktop Tablet Mobile
detail-configuration desktop dark detail-configuration tablet dark detail-configuration mobile dark
Collector List

Light

Desktop Tablet Mobile
collector-list desktop light collector-list tablet light collector-list mobile light

Dark

Desktop Tablet Mobile
collector-list desktop dark collector-list tablet dark collector-list mobile dark
Collector Detail

Light

Desktop Tablet Mobile
collector-detail desktop light collector-detail tablet light collector-detail mobile light

Dark

Desktop Tablet Mobile
collector-detail desktop dark collector-detail tablet dark collector-detail mobile dark
Dev components showcase

Light

Desktop Tablet Mobile
dev-components desktop light dev-components tablet light dev-components mobile light

Dark

Desktop Tablet Mobile
dev-components desktop dark dev-components tablet dark dev-components mobile dark
Visual diffs vs main (6 over budget, 0 new, 0 missing)
File Changed pixels Ratio Diff
tablet-dark-dev-components.png dimension-mismatch 100.00% dimension-mismatch
mobile-light-dev-components.png dimension-mismatch 100.00% dimension-mismatch
desktop-light-dev-components.png dimension-mismatch 100.00% dimension-mismatch
tablet-light-dev-components.png dimension-mismatch 100.00% dimension-mismatch
desktop-dark-dev-components.png dimension-mismatch 100.00% dimension-mismatch
mobile-dark-dev-components.png dimension-mismatch 100.00% dimension-mismatch

Captured from f1264f5 on feat/84-phase3-pr4-quick-entry-row · workflow run· 2026-06-17 06:38 UTC

@vitorvasc vitorvasc force-pushed the feat/84-phase3-pr4-quick-entry-row branch from 92dd0c0 to d9f2f94 Compare June 11, 2026 02:31
@vitorvasc vitorvasc marked this pull request as ready for review June 11, 2026 02:32
@vitorvasc vitorvasc requested review from a team as code owners June 11, 2026 02:32
github-actions Bot pushed a commit that referenced this pull request Jun 11, 2026
@vitorvasc vitorvasc force-pushed the feat/84-phase3-pr4-quick-entry-row branch from d9f2f94 to 5cf0833 Compare June 16, 2026 06:31
@vitorvasc vitorvasc enabled auto-merge June 16, 2026 06:31
github-actions Bot pushed a commit that referenced this pull request Jun 16, 2026
@vitorvasc vitorvasc force-pushed the feat/84-phase3-pr4-quick-entry-row branch from 5cf0833 to f1264f5 Compare June 17, 2026 06:34
github-actions Bot pushed a commit that referenced this pull request Jun 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant