You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
🚨 Attention: Please read the guidelines before applying; otherwise, you will be ignored. 🚫📋
0. Please, join the telegram group to keep in touch https://t.me/+m0IGRiBvLtsyMzIy
Please create reusable Sidebar component (should be put into ui/components/Sidebar folder with own sidebar.css file)
We already have some example of two sidebars (TableOfContents and VaultLayout. They should be replaced with a single one, that can accept props and based of them properly function. (you can take some styles from there as a base to your implementation if you want, if not - create it from scratch)
Apart from replacing old components (in Vault/Withdraw/Documentation/Overview pages), new Sidebar component should be added to Dashboard page. See Figma
Sidebar should be reused both for such case as on Dahsboard page, where we have links to other pages, as well as this one, which should actually scroll to a corresponding item on a page by its id(hash), e.g. #overview. (also should be added to url)
Based on props Sidebar will dynamically render title (optional) (as you can see for Overview page, Content is title) or it can be w/o title (as for Dashboard). Each sidebar should accept array of items (required), each item should have its own attributes, such as icon, name and link. Depending if it is a link to another page or #hash-link, clicking on item should perform correct action.
Items can have children items (example in Overview page, How It works item), in that case clicking on item should not do any action, rather it should expand and show its sub items, which has the same name and link attribute as a parent item.
Make sure currently selected item is highlighted like in Figma.
Sidebar should be visible for desktop screens (>1024px) and when page is scrolled, it should stick to the top(below header), so all content is visible (you can see how it works in current implementation and preserve this logic)
After creating this component, please use it on: /dashboard, /documentation, /overview, /withdraw, /stake and make sure it works correctly for each state (link to another page, scroll to item, expand sub-items).
The text was updated successfully, but these errors were encountered:
🚨 Attention: Please read the guidelines before applying; otherwise, you will be ignored. 🚫📋
0. Please, join the telegram group to keep in touch https://t.me/+m0IGRiBvLtsyMzIy
ui/components/Sidebar
folder with own sidebar.css file)items
(required), each item should have its own attributes, such asicon
,name
andlink
. Depending if it is a link to another page or #hash-link, clicking on item should perform correct action.name
andlink
attribute as a parent item.The text was updated successfully, but these errors were encountered: