Following and Followers page UI

[renugasaraswathy]

Fixes #8277 and #8278
Hi,

I have worked on the UI for Followers & Following page of users

Following URL - /people/username/following
Followers URL - /people/username/followers
Pagination is implemented for the same with 10 items per page

Screenshots of the same are attached below.

@publiclab/reviewers, Please review and provide feedback.

Thanks

[gitpod-io]

[codecov]

Codecov Report

Merging #8372 into main will increase coverage by 0.59%.
The diff coverage is 90.72%.

@@            Coverage Diff             @@
##             main    #8372      +/-   ##
==========================================
+ Coverage   81.28%   81.87%   +0.59%     
==========================================
  Files         101      101              
  Lines        5872     5899      +27     
==========================================
+ Hits         4773     4830      +57     
+ Misses       1099     1069      -30     

Impacted Files	Coverage Δ
app/models/drupal_content_type_map.rb	92.59% <ø> (-0.27%)	⬇️
app/controllers/users_controller.rb	81.11% <66.66%> (ø)
app/controllers/spam2_controller.rb	71.84% <84.61%> (+10.30%)	⬆️
app/controllers/tag_controller.rb	81.40% <88.00%> (ø)
app/models/node.rb	91.51% <92.85%> (+0.33%)	⬆️
app/controllers/admin_controller.rb	80.24% <100.00%> (ø)
app/controllers/application_controller.rb	92.24% <100.00%> (+0.06%)	⬆️
app/controllers/batch_controller.rb	90.19% <100.00%> (+22.23%)	⬆️
app/controllers/comment_controller.rb	86.95% <100.00%> (ø)
app/controllers/home_controller.rb	98.38% <100.00%> (ø)
... and 8 more

[sagarpreet-chadha]

Awesomeee looks great!!! 😄
Would it look better if we show something like you are not following anyone yet and you have no followrers instead of blank space? Thoughts?

[cesswairimu]

@renugasaraswathy kindly checkout @sagarpreet-chadha comment above. Thanks

[harshkhandeparkar]

Ig you should mention plots2-reviewers next time. I am of no use here 😂

[renugasaraswathy]

Hi @cesswairimu @sagarpreet-chadha,

Apologies I missed the comment.
I have updated the messages as given in the screenshots below. Please review.

[Tlazypanda]

@renugasaraswathy LGTM 🎉 Thanks for working on this!!

[cesswairimu]

Fantastic 🎉 thanks for working on this. Looks great

[jywarren]

Wow, so great!!! Thanks so much, to everyone!!! 🎉

[jywarren]

This is so cool. Actually where is this page linked from? It's not on the profile page, so I wonder if we ought to open a first-timers issue to add a link there - maybe in the list of "stats" on bottom right of the profile page -- like at https://publiclab.org/profile/liz, we could add it here:

What do you think? And, @renugasaraswathy would you have any interest in welcoming someone else to the community by creating such an issue? Here is some info on the process, if you're interested!

---

This has been marked as a good candidate for becoming a first-timers-only issue like these, meaning that it's simple, self-contained, and with some extra formatting, could be a great entry point for a new contributor. If you're familiar enough with this code, please consider reformatting or reposting it as a first-timers-only issue, and then ping @publiclab/reviewers to get it labelled. Or, if this is not your first time, try to solve it yourself!

[renugasaraswathy]

Hi @jywarren, @publiclab/reviewers I have created the new issue #8453. Please review.

Thanks everyone for helping me in this pull request.

[renugasaraswathy]

Hi @cesswairimu, @publiclab/reviewers is my changes merged to the Public Lab website? I still see old UI in the followers page

[cesswairimu]

Right now they are at staging, stable.publiclab.org they will go live during o the next deployment.