Skip to content

devex: improve API key permissions display with summarized badge #1975

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

OxDTH
Copy link
Contributor

@OxDTH OxDTH commented Jun 2, 2025

Description:

This PR significantly enhances the readability and usability of the API key permissions display in the table view by introducing a summarized, badge-based Pills.

Changes:

  1. Created utility functions (permissionSummary.ts) where:
  • permissions categorized into "Full Access", "Read-only", or "custom".
  • permissions levels ( read/write/delete/full ) determines for resource categories.
  1. PermissionBadges.tsx where:
  • Used Pills like display within the cell.
  • includes tooltips with detailed permission breakdown.
  1. In ApiKeyTable.tsx:
  • Replaced verbose text.

  • This change requires a documentation update

  • I have made corresponding changes to the documentation

Related Issue(s)

This PR addresses issue #1873

Screenshots/Recording:

Screen.Recording.2025-06-02.at.12.05.00.PM.mov

Notes

The implementation successfully transforms the verbose permissions display into detailed information. users can now understands the permissoin levels.

@OxDTH OxDTH force-pushed the devex/readable-api-key-permissions branch from 93827d8 to 62107cc Compare June 2, 2025 07:12
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.

1 participant