Implement search, pagination, filtering and ordering in UI

[JamieSlome]

Is your feature request related to a problem? Please describe.

Currently, all tables are presented in the UI without any form of search, pagination, filtering or ordering capability. This makes it very difficult to find items in the UI and makes it a pain to use.

Describe the solution you'd like

Each of the following views should be updated to include all of search, pagination, filtering and ordering:

• Repositories
• Dashboard
• Users

Ideally this should be implemented as a component that can be written once and applied multiple times to our different data sources, i.e. repositories, users. It also helps with future proofing as we will soon be introducing more data constructs like licenses (#604).

This task is well suited to anyone who loves a bit of frontend design 🖌️ 🎨 Also happy to support and work with anyone on this issue too who wants to try their hand at something new ❤️

[tarnveerSingh]

Hey @JamieSlome, I would like to work on this issue. just wanted to confirm if it's currently assigned to anyone else? Also, is there a deadline or timeline set for completing this task?

[JamieSlome]

@tarnveerSingh - absolutely! No deadline 👍

I will assign the ticket to you. Thank you for offering your support and looking forward to your pull request!

[tt-gideonaryeetey]

I'll be happy to take this on!

[JamieSlome]

@tarnveerSingh, @tt-gideonaryeetey has offered to take this one on and to start the implementation. Shall we find you another issue to work on? 👍

[tarnveerSingh]

@JamieSlome Yes jamie, that'll be alright. I'll find another one.

[JamieSlome]

@tarnveerSingh - thoughts on #627?

[tarnveerSingh]

@JamieSlome I won't be able to work on it atm, but I'll definitely keep an eye out for any developments or opportunities to contribute later.

[darkhorse-420]

Hi @JamieSlome , I am participating in the Citi Hackathon. Can I take up this issue?

[JamieSlome]

@darkhorse-420 - of course 👍 I'll assign it to you!

[darkhorse-420]

hi @JamieSlome , i have added pagination and search component and implemented it in Users and Repositories page as of now , tested it using dummy data as the original data contains info of only one repository and one user.

[laukik-target]

@darkhorse-420

Instead of dummy data in code update/add entries as much you want in in-memory database.
Update repos.db and user.db to test your new component change.
I was able to bring up multiple repos like this. Note: Keep "_id" unique for each entry.

Also, let me know if you need any help I am interested in contributing.

[darkhorse-420]

@laukik-target thanks!

[darkhorse-420]

hi @JamieSlome , to which branch should i send a pull request?

[JamieSlome]

To the main branch 👍

[laukik-target]

@JamieSlome Can you add me as an assignee, I would like to contribute here along with @darkhorse-420

[brinda-n]

@JamieSlome, Can i work on this Task?