[Bug]: 'Show More' Button Misalignment and Missing on Revisit

[jayesh9747]

---

name: Pagination 'show more button issue'
about: Report a bug to help us improve
title: "[Bug]: 'Show More' Button Misalignment and Missing on Revisit"

---

Observed behavior

1. On the first visit, the 'Show More' button is not centered.
   Screenshot:
   

2. On revisiting the same page:

   • The 'Show More' button does not appear.
   • Screenshot:
     

3. In Level 2, there are 35 resources available. However:

   • On the first visit, only 25 documents are loaded.
   • When revisiting, the 'Show More' button does not appear, likely due to preloaded content.
   • Screenshot:
     

---

Expected behavior

1. The 'Show More' button should be centered.
2. The 'Show More' button should appear consistently when revisiting the page.
3. All 35 resources should be accessible, either by scrolling or by using the 'Show More' button.

---

User-facing consequences

1. Users might find it inconvenient or confusing due to:
   • Misalignment of the button on the first visit.
   • Missing 'Show More' button when revisiting, which limits access to all resources.

---

Errors and logs

No errors or logs observed.

---

Additional information

• The issue might stem from content preloading logic, which prevents the 'Show More' button from appearing when revisiting pages.

---

Steps to reproduce the issue

1. Go to https://hotfixes.studio.learningequality.org/en/accounts/#/ and sign in.
2. Open a channel and click Add > Import from channels > African Storybook Library (multiple languages) > Afrikaans > Level 2.
3. Observe the following:
   • The alignment of the 'Show More' button on the first visit.
   • The 'Show More' button missing when revisiting the same page.
   • Only 25 out of 35 resources accessible on revisit.

---

Usage Details

• OS: Ubuntu
• Browser: Chrome
• URL: https://hotfixes.studio.learningequality.org/
• Other information: N/A

---

[jayesh9747]

@MisRob The issue #4838 (Hotfixes - Import from other channels - The 'Show more' button is not centered) was assigned to me. While working on it, I noticed there were additional related problems, so I opened a new issue to address them. As I'm interested in contributing to both, I started working on resolving these issues together to ensure a complete fix.

[AlexVelezLl]

Hey @jayesh9747. I will assign this to you. However, It will be great if you can solve #4838 first an then come to this later.

Also, after reading this issue description + all the conv that we have already had in #4838, I suspect you have misunderstood the #4838 issue description.

1. On the first visit, the 'Show More' button is not centered.
   Screenshot:
   

That button is actually centered.

The more button that is not centered is the one you can see when you are Importing from other channels, as you can see the image that Peter attached in the #4838 issue description:

If you look at it closely you will notice a couple of things:

1. The Navbar is not the same on both images, the one you attached to this issue and the one Peter attached to Hotfixes - Import from other channels - The 'Show more' button is not centered #4838.
2. In the image from Peter we dont see the folder tree at the right.
3. Peter metioned a 'Import from other channels' modal.

So looking at it closely should suggest that probably you are not in the right page.

And I take the time to write all this to note that one should be humble and accept that we can all have misunderstandings, and that maybe even if the issue is just about centering a button, we need some time to really understand what the issue is asking for and understand how to replicate it. And with this, we must refrain from saying things like "I don’t think this issue should take three weeks to fix. Can I start working on it now? I can complete it within a day." which in some way could feel like you are belittling the other contributor.

Specifically, this was not the case because the other contributor had actually abandoned it, but in any case we should say things with more humility :). (In the end you didn't end up solving it in one day (and its okay), and not because you didn't have the technical skills to do it, but because by doing it quickly you didn't make sure you understood 100% of what the issue was asking for).

I hope this is helpful. And I wish you happy holidays 👐. And also wanted to let you know that we will be closed from December 23 to January 5.

[jayesh9747]

@AlexVelezLl, thank you for your advice. I will definitely follow the path you suggested. Once again, thank you! I deeply resonate with your answer.

[jayesh9747]

@AlexVelezLl @MisRob

I'm working on this issue where the "Show More" button misalignment and missing on revisit happens. It works fine in the local development environment, but in production, it's not working properly. I thought it might be an API response issue, but the response should be correct and consistent in both environments.

I've attached some console screenshots.

Local ENV:

Screencast.from.04-01-25.10.39.25.PM.IST.webm

Production ENV:

Screencast.from.04-01-25.10.46.00.PM.IST.webm

In there production Enviorment there api resone have showmore Object but there is no show more button.

Can you help me figure out what might be causing this and suggest how to tackle it?

[AlexVelezLl]

Hey @jayesh9747! Could you provide more context about when is this happening? I am being able to see the show more button in the prod env, so perhaps is an edge case.

[jayesh9747]

Hello, @AlexVelezLl,

Whenever I go to:

https://hotfixes.studio.learningequality.org/en/accounts/#/ and sign in.
Open a channel, click Add > Import from channels > African Storybook Library (multiple languages) > Afrikaans > Level 2.
The first time, the "Show More" button was visible. However, when I revisited the same resource page, the "Show More" button was no longer shown. Additionally, only the initial 25 resources were displayed, and no more were loaded.

I have shared a demo video above. Could you revisit the same resource page and check whether you're able to see the "Show More" button?

[jayesh9747]

Also provide differnt browser(brave) demo vedio

Screencast.from.07-01-25.09.00.26.AM.IST.webm

see in this vedio whenever i go leval 4 first time i am able to see the show more button but when i revisit same leval for show more button vanished.

[AlexVelezLl]

Oh okay, I get it, although this is the bug this issue is reporting. We need to find a way of how can we solve it in unstable first.

[jayesh9747]

@AlexVelezLl can you guide me from where i can start to find out this ? and please tag me whenever you reply so that i will get notification, thank you.