Skip to content

refactor(ui): Mongo and Redis panels on QueryaButton - #1422

Merged
ZhuchkaTriplesix merged 1 commit into
devfrom
issue/1337-nosql-panels-querya-button
Oct 11, 2026
Merged

ZhuchkaTriplesix merged 1 commit into
devfrom
issue/1337-nosql-panels-querya-button

Conversation

@ZhuchkaTriplesix

Copy link
Copy Markdown
Member

Part of #1337 / #1331 (closes neither). Continues #1420 and #1421.

What

All shadcn PrimaryButton / OutlineButton / GhostButton calls in the Mongo and Redis workspaces (14 files) become QueryaButton: toolbars, pagination, the document editor and tree, the stats view, the CLI, the keys view and the key / list editors. Panels and toolbars are md; the dense ones (ButtonSize.small, ButtonDensity.compact) are sm.

Beyond the mechanical replacement

  • Loading: the hand-built leading: cond ? QueryaSpinner : Icon + a label switch (Run Query, Run Pipeline, Refresh now, Save, redis Run) is the button's own loading.
  • Icon-only: the document tree's clear-search cross and the keys view's expand / collapse folders toggle are QueryaButton.icon with tooltips (the folder toggle's separate Tooltip wrapper goes).
  • Load more / Scanning... buttons keep their label switch and are disabled while loading (no behaviour change).

Tests (paired in this PR)

  • mongo_query_workspace_test: widgetWithText(PrimaryButton, 'Run Query (Ctrl+Enter)') -> QueryaButton.
  • nosql_return_to_object_test: shadcn.OutlineButton -> QueryaButton (these tests build MongoStatsView under a bare ShadcnApp; QueryaButton works without a QueryaThemeScope since refactor(ui): QueryaModalDialog and QueryaConfirmDialog on QueryaButton, off shadcn #1418).
  • e2e_mongo_index_manager_test: both Create Index taps are QueryaButton now (the indexes toolbar button moved too).

Visible differences (intended)

Ghost / outline distinctions follow the standard map; icon sizes follow the control size; no hand-set 14 / 16 / 18 px icons.

Not in this PR

Postgres / MySQL / SQLite table toolbars, the grid, extensions and settings sections; QueryaActionButton / QueryaActionMenu themselves.

Not run locally; CI is the check.

Toolbars, pagination and editors of the Mongo and Redis workspaces move from
shadcn PrimaryButton / OutlineButton / GhostButton to QueryaButton at md (sm
for the dense ones). Hand-built spinner leadings become the button's loading
state, icon-only buttons are QueryaButton.icon with tooltips, and the tests
that looked for shadcn button types look for QueryaButton. Part of #1337.
@github-actions github-actions Bot added enhancement New feature or request frontend Theme parser epic label: frontend ui User interface components and widgets ux User experience, keyboard shortcuts and interactions P2 Medium priority / Parity & Refactoring labels Oct 11, 2026
@ZhuchkaTriplesix
ZhuchkaTriplesix merged commit 7d90c8c into dev Oct 11, 2026
13 checks passed
@ZhuchkaTriplesix
ZhuchkaTriplesix deleted the issue/1337-nosql-panels-querya-button branch October 11, 2026 15:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request frontend Theme parser epic label: frontend P2 Medium priority / Parity & Refactoring ui User interface components and widgets ux User experience, keyboard shortcuts and interactions

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant