fossology / FOSSologyUI

Repository to hold the new UI framework for FOSSology built with React
https://fossology.github.io/FOSSologyUI/
GNU General Public License v2.0
49 stars 88 forks source link

feat(ui): horizontal pagination added in `allRecentJobs` #235

Closed soham4abc closed 2 years ago

soham4abc commented 2 years ago

Description

Horizontal style pagination added in the /allRecentJobs page.

Changes

New packages have been used in this PR. Be sure to run yarn install when starting the project

How to test

Run yarn install and start the server. Visit the /allRecentJobs and scroll down to see the pagination.

Video Demo

https://user-images.githubusercontent.com/63705023/175760990-fa73245d-14f2-4ace-a862-d9f802fa9159.mp4

soham4abc commented 2 years ago

PTAL @GMishx @shaheemazmalmmd

GMishx commented 2 years ago

Personally, I would recommend to move the navigation to center or to right rather than on left.

Also, is it possible to add a text box next to it? Use case being: in case there are say 100 pages, one can directly jump page 42 rather than juggling with multiple mouse clicks.

soham4abc commented 2 years ago

Personally, I would recommend to move the navigation to center or to right rather than on left.

Also, is it possible to add a text box next to it? Use case being: in case there are say 100 pages, one can directly jump page 42 rather than juggling with multiple mouse clicks.

Made something like this: Screenshot from 2022-06-29 10-53-28