webb-dapp icon indicating copy to clipboard operation
webb-dapp copied to clipboard

[TASK] Update Tangle Side Navigation Component

Open monaiuu opened this issue 2 years ago • 4 comments

Description

Update current side navigation for improved visual experience, information hierarchy, and add new pages within the menu list.

Checklist

  • [ ] Move external links (polkadotJS & EVM explorer) to bottom bound
  • [x] Update polkadotJS menu item icon to its logo
  • [ ] Increase menu items side margins from 4px to 8px for improved alignment
  • [ ] Remove DKG Stats, add Services (Dashboard, Restake), add Account item

Figma Link

Screenshot

Screenshot 2024-02-12 at 9 42 47 AM

monaiuu avatar Jan 19 '24 23:01 monaiuu

Note that this will require the modification of Webb UI's SideBar component, and may need to be adjusted on all dapps in terms of React component usage. This is because currently the SideBar component has no support for multiple links at the bottom/footer.

Because of this, this task will take more time to complete than what would be assumed.

yuri-xyz avatar Feb 15 '24 02:02 yuri-xyz

Note that this will require the modification of Webb UI's SideBar component, and may need to be adjusted on all dapps in terms of React component usage. This is because currently the SideBar component has no support for multiple links at the bottom/footer.

Because of this, this task will take more time to complete than what would be assumed.

Ok let me know the status of this. @devpavan04 implemented the side-nav component in Webb UI kit, Pavan do you know if this is something that is doable?

monaiuu avatar Mar 14 '24 18:03 monaiuu

Note that this will require the modification of Webb UI's SideBar component, and may need to be adjusted on all dapps in terms of React component usage. This is because currently the SideBar component has no support for multiple links at the bottom/footer. Because of this, this task will take more time to complete than what would be assumed.

Ok let me know the status of this. @devpavan04 implemented the side-nav component in Webb UI kit, Pavan do you know if this is something that is doable?

I've put this on hold on my part for a while now since it requires ~1-2 day of work, but if anyone else would like to claim it feel free to do so! Specifically, what takes a lot of work is moving stuff to the bottom (that functionality needs to be added).

yuri-xyz avatar Mar 14 '24 18:03 yuri-xyz

Understood, it's not urgent but just wanted to checkin on its status. @devpavan04, when you have a moment, could you share the feasibility of the side navigation component changes, given your familiarity with it? Thanks!

monaiuu avatar Mar 14 '24 19:03 monaiuu

This issue is stale because it has been open for 60 days with no activity.

github-actions[bot] avatar Jun 18 '24 12:06 github-actions[bot]

This issue was closed because it has been inactive for 14 days since being marked as stale.

github-actions[bot] avatar Jul 02 '24 12:07 github-actions[bot]

Closing in favor of https://github.com/webb-tools/webb-dapp/issues/2398

monaiuu avatar Jul 02 '24 13:07 monaiuu