Skip to content

UI/UX Improvements and Bug Fixes #13

@pranavkonde

Description

@pranavkonde

UI/UX Improvements and Bug Fixes


Description:

I have encountered several issues while using the application that require attention. Below are the details of each issue along with suggestions for improvement.


1. Dark Mode to Light Mode Transition Issue

  • Problem: When switching to Mobile View and changing from dark mode to light mode, the entire screen becomes black.
  • Suggestion: Investigate the CSS styles applied during the transition to ensure proper rendering in light mode.

Image

2. Missing Close Button on Modals

  • Problem: There is no option to close the modal. A close button or a cross icon should be added to allow users to cancel the modal.
  • Suggestion: Implement a close button in the modal design to enhance user experience.

Image

3. Modal Behavior on Actions

  • Problem: Similar to the previous issue, there is no option to close the modal after actions like "Copy to Clipboard" or "Download."
  • Suggestion:
    • Add a close button or cross icon to the modal.
    • Consider adding a copy icon beside the generated API key and replace "Copy to Clipboard" with a "Close" button.

Image

4. API Key Deletion Notification Issue

  • Problem: Upon deleting an API key, a Toastify notification appears, but the UI does not update until the page is refreshed.
  • Suggestion: Ensure that the UI reflects changes immediately after the API key is deleted without requiring a page refresh.

Image

5. No Transactions Found Message

  • Problem: When there are no transactions, the application does not display a message indicating that no transactions were found.
  • Suggestion: Implement a message that says "No transactions found" below the table structure when there are no transactions.

Image

6. No Migrations Found Message

  • Problem: Similar to the transactions issue, when there are no migrations, the application does not display a message.
  • Suggestion: Add a message that states "No migrations found" below the table structure when there are no migrations.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions