Tree view

[TrebuhD]

• Added sidebar navigation drawer
• It uses react-arborist
• It contains a functional search input box

Also done in this PR:

• added jotai
• upgraded packages

Still left to be done:

• preselect currently viewed text in the sidebar

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
buddhanexus-frontend-next	❌ Failed (Inspect)			Mar 15, 2023 at 10:54AM (UTC)

[sebastian-nehrdich]

This is great! Three small remarks:

• The json response from the fasttext API has a field called "available_lang", when no other language is available, this value is null; when other languages are available, they are listed in this field, i.e. ['skt'] or ['tib']. This array can hold more than one value. In the old frontend, we use small colored icons to indicate the availability of other languages in this menu and also in other places of the frontend
• maybe we can use a 'expand sidebar' icon similar to https://uxwing.com/sidebar-panel-expand-icon/ instead of the hamburger icon to expand the menu?
• connected with this, a 'hide' sidebar icon (something like https://icon-icons.com/icon/hide-sidebar-horizontal/128227) for example at the top of the sidebar next to the search bar could be helpful for the users (I was looking for one, probably due to being used to it from using wandb.ai)

[TrebuhD]

@sebastian-nehrdich thanks for the review.

• The first point is already handled, but the small icons have been replaced by chips containing the full language name. You can see this in the second screenshot in the original description above.
• I replaced the icon with the menu open icon from the MUI library. The other one is probably not needed since it'd always be rendered under the menu anyway, but let me know if you'd like to make any changes here.