Skip to content

feat: redesign constants into card grid#150

Open
voliva wants to merge 1 commit into
mainfrom
vo/contants
Open

feat: redesign constants into card grid#150
voliva wants to merge 1 commit into
mainfrom
vo/contants

Conversation

@voliva
Copy link
Copy Markdown
Contributor

@voliva voliva commented May 29, 2026

image

Something we were missing was the ability to pick a block, instead of just the latest. And also the view was quite empty now that we've expanded horizontally.

Now all the constants are visible and expanded... so to chose a specific pallet you might have to scroll, but it also saves a few clicks (and you can Ctrl+F a specific constant)

@voliva voliva requested review from carlosala and josepot May 29, 2026 09:42
@vercel
Copy link
Copy Markdown

vercel Bot commented May 29, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
papi-console Ready Ready Preview, Comment May 29, 2026 9:43am

Request Review

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR redesigns the Constants page UI to display pallets/constants in an always-expanded card grid and adds the ability to choose which block/runtime context the constants come from (instead of implicitly using “latest”).

Changes:

  • Add a block selector (BlockPicker) and derive constants data from selectedBlock$ so the view reflects the chosen block.
  • Redesign pallet display into a responsive card grid with constants always visible (no per-pallet expand/collapse).
  • Pass the selected runtime context into constant value rendering, removing the previous internal defaulting logic.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/pages/Constants.tsx
return (
<div className="p-4 pb-0 flex flex-col gap-2 items-start leading-relaxed overflow-auto">
<ul>
<div className="p-4 space-y-2 items-start overflow-auto @container">
Comment thread src/pages/Constants.tsx
Comment on lines 83 to 86
onClick={async (evt) => {
evt.stopPropagation()
const ctx = await firstValueFrom(runtimeCtx$)
const { ctx } = await firstValueFrom(selectedBlock$)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants