misokucera / newtab Goto Github PK

Current selector is based on https://mui.com/components/tree-view/.

Reasons to rewrite are:

• Selector does not return name of selected item, only id. This requires additional step to recursively iterate over whole tree to find name by selected id.
• Styling of custom made component should be more easy and consistent with rest of codebase.
• It is also last component used from Material UI library, and afterwards, this dependency could be removed.

It would be helpful to have option create bookmark directly in application.

Add instructions for multiple scenarios:

• No bookmark group is selected and only button with plus sign is present - initial state after installation.
• Bookmark group selector is opened.
• Bookmark group is empty.

When bookmark group selector is opened, it would be helpful to show number of bookmarks for each directory in the tree.

Remove snapshot of my bookmarks and add new testing ones. Preferably some well known sites.

Try to find best strategy to mock data in development.

Create new theme to provide repeatedly used colors.

Options to consider:

• react context
• custom css properties

Library react-beautiful-dnd is not maintained anymore.

Tasks:

• replace with dnd kit

Add and configure eslint dependency. Use default config from next.js.

Goals:

• migrate from old pages router in nextjs to new app router

Notes:

• export has to be checked (especially if path rewriting is still working or if it is still necessary)

UX while sorting through drag & drop could be improved in several ways:

• visible placeholder for dragged item
• dragged item always on top (increase z-index while dragging)
• add some icons indicating drag and drop possibility