Improve left sidebar and display flow patterns as on the webpage

[almereyda]

The website has a nice category view of the flow patterns, in which they also hold small headlines related to their use.

Having a sorted list of named pieces in the left drawer can help intuitive access of the components.

Additionally, if the sidebar could be changed in size and to automatically adapt to show a grid view instead of a long list, that could easy accessibility.

[shtefcs]

Thanks for the feedback @almereyda , indeed it should be approved. We are honestly aware of it, just didn't have time to put on Wireflow at the moment, since it started as a side project.

But it's something we gonna have in mind definitely.

[malihassan20]

@shtefcs I can add this category dropdown above the list for selection. Can you assign this to me?

[shtefcs]

@shtefcs I can add this category dropdown above the list for selection. Can you assign this to me?

Hey Ali. I don't have UI/UX currently for that improvement, but if you have an idea, feel free to share it.

[malihassan20]

What I'm thinking is to add a dropdown with Categories name in the sidebar through which the user can select the category and it will populate the Flows list below the same way based on the selected category.

[shtefcs]

Okay, lets see how it goes.

[malihassan20]

Sure, I'll get it done and create the pull request for you to review.

[malihassan20]

@shtefcs here is the pull request for this one https://github.com/vanila-io/wireflow/pull/66