Skip to content
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.

Sign up for GitHub

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

Jump to bottom

Overhaul UI to improve user engagement #319

Open
tk-o opened this issue Feb 25, 2025 · 1 comment
Open

Overhaul UI to improve user engagement #319

tk-o opened this issue Feb 25, 2025 · 1 comment
Assignees
@tk-o
Labels
ensadmin ENSAdmin related

Comments

@tk-o
Copy link
Contributor

tk-o commented Feb 25, 2025 •
edited
Loading

Example to follow: https://ui.shadcn.com/blocks

Image

What I understand is we need to overhaul:

  • navigation view
    • change horizontal tabs to vertical tabs
  • connection view
    • allow connecting to a particular ENSNode instance
    • validate provided URL and show errors when the provided URL was invalid or the target ENSNode was not compatible with the current ENSAdmin app
  • indexing status view
    • create progress bar that feels alive
  • Ponder API examples
    • include client.status() call (btw. we have our way to get Ponder status & meta on ENSNode /GET metadata endpoint)
    • include examples for:
      • plain TypeScript: client.query, client.live & client.status
      • React TypeScript: usePonderQuery (it’s using client.live under the hood) & usePonderStatus
    • make every example a flattened single-file content so it’s ready to copy
@tk-o tk-o added the ensadmin ENSAdmin related label Feb 25, 2025
@tk-o tk-o self-assigned this Feb 25, 2025
@tk-o tk-o added this to ENSNode Feb 25, 2025
@tk-o
Copy link
Contributor Author

tk-o commented Feb 25, 2025

Currently, we got:

  • vertical menu (sidebar) replacing tabs
    Image

  • sidebar is collapsible
    Image

  • connections can be managed with a widget
    Image

This was referenced Feb 25, 2025
Merged
Open
tk-o added a commit that referenced this issue Feb 27, 2025
@tk-o
feat(ensadmin): introduce Next.js app (#316)
df6c321 
This PR introduces a new ensadmin-next app. It's going to replace the current ensadmin app once confirmed to work well as a Vercel deployment.

This PR aims to create foundations for further improvements. While reviewing this PR, please focus more on the foundations, and less about the features of the app. Please keep in mind, the a lot of functionality is going to be updated when #319 is completed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@tk-o tk-o

Labels
ensadmin ENSAdmin related
Projects
ENSNode
Status: No status
Milestone
No milestone
Development

No branches or pull requests
1 participant
@tk-o