Draft
Conversation
- Added a new `ApiKeysPageContent` component for displaying API keys with search functionality. - Introduced `ApiKeysTable` and `ApiKeysTableRow` components for better organization of API key data. - Updated `CreateApiKeyDialog` to utilize TRPC for creating API keys and improved user feedback on key creation. - Removed deprecated key management functions and actions, streamlining the codebase. - Updated routing and data fetching to align with the new component structure. This refactor improves the user experience for managing API keys within the dashboard.
- Replaced `updateTag` with `revalidateTag` for cache invalidation in the teams router. - Updated the cache revalidation logic to ensure proper tag handling for API keys. This change enhances cache management and aligns with the latest API standards.
- Removed the `TEAM_API_KEYS` cache tag from the cache configuration. - Simplified API key creation and deletion logic by eliminating unnecessary cache revalidation calls. This change streamlines the code and improves maintainability by focusing on relevant cache management.
…onality - Introduced `DeleteApiKeyDialog` for confirming API key deletions. - Refactored `CreateApiKeyDialog` to improve user experience and input handling. - Updated `ApiKeysPageContent` to include a search field and total key count display. - Enhanced `ApiKeysTable` and `ApiKeysTableRow` for better organization and visual clarity. - Improved empty state handling in various components for clearer user feedback. These changes streamline the API key management process and enhance the overall user interface.
- Updated the layout of the CreateApiKeyDialog to enhance user experience with clearer component structure. - Replaced deprecated components and improved accessibility with appropriate dialog descriptions. - Introduced form validation to ensure the API key name is not empty before submission. - Streamlined button states based on input validity to prevent unnecessary submissions. These changes contribute to a more intuitive and user-friendly API key creation process.
Co-authored-by: Sarim Malik <sarimrmalik@users.noreply.github.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
- Introduced a new `UserAvatar` component for consistent avatar rendering across member and API key tables. - Updated `ApiKeysPageContent` layout for improved responsiveness and user experience. - Simplified `ApiKeysTableRow` to utilize the new `UserAvatar` component, enhancing code maintainability. - Adjusted styles in `CreateApiKeyDialog` for better alignment and responsiveness. These changes streamline the user interface and improve the overall experience in managing team members and API keys.
…nality - Introduced new components for API key name, ID badge, last used, and added date cells to enhance code organization and readability. - Replaced the existing copy button with a more interactive badge component for copying API key IDs. - Adjusted column widths in the ApiKeysTable for better layout and responsiveness. - Improved empty state handling in the ApiKeysTable to provide clearer user feedback. These changes streamline the API key management interface and enhance user experience.
…ctionality - Updated the API keys table row components to enhance UI consistency and readability. - Replaced the RemoveIcon with TrashIcon for better visual representation of delete actions. - Adjusted padding and column widths in the ApiKeysTable for a more responsive design. - Enhanced the empty state handling to accommodate the new column structure. These changes contribute to a more intuitive and user-friendly API key management experience.
…lity - Replaced the deprecated `formatShortRelativeAgo` function with `formatRelativeAgo` for displaying last used timestamps in the `DeleteApiKeyDialog` and `getLastUsedLabel` function. - Updated the `ApiKeysTableRow` to utilize `formatUTCTimestamp` for formatting last used dates in tooltips, enhancing clarity and consistency across the application. - Removed unused `toIsoUtcString` function from `api-keys-utils.ts` to streamline the codebase. These changes enhance the user experience by providing clearer and more consistent date representations for API keys.
- Simplified the dialog structure by removing unnecessary components and enhancing the layout for better readability. - Updated the key deletion confirmation message to dynamically display the API key name and last used timestamp. - Improved button states and accessibility features for a more intuitive user interaction. These changes enhance the overall usability of the API key deletion process.
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
1 participant
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.
Summary
Testing