✨ UI Consistency - Improve Rule List Display

[jakebayliss]

Requested by: @jakebayliss via YakShaver.ai 🦬
cc: @jakebayliss, @uly1, @Marxoz, @PothieuG

Hi Team!

  🟥  Watch the video (1 min 35 sec)

  Url from screen share: http://localhost:3000/rules-beta/user?author=uly1

Pain

Ensure the 'Load More' button only appears when there are more rules to load and update the rule list item design to match the profile page for consistency.

Acceptance Criteria

1. The 'Load More' button should only be visible when there are more rules to load.
2. The rule list item design on the user rules page should match the design on the profile page, including tabs for titles, blurbs, and everything.

Screenshot

Figure: Load more button appears unnecessarily when only one rule is present.

[PothieuG]

Hey @jakebayliss ,

Thanks for the feedback.

• we should definitly fix that "Load more" button
• but for the consistency of the view between profile page and user page, I'm not against the idea, let's ask @Marxoz about that :)

[tiagov8]

👍 +1 for task 1 - "Load more" should only show if there are more rules to load

---

👎 -1 for task 2 (adding extra "View" tabs for these pages) - On the long run, an author like Adam or Tiago can have thousands of rules... clicking a "Gimme Everthing" would generate a crazy long page.

IMO it's a feature bloat - In a category page it is understandable to have the full content together, as the set of rules are related and complement each other. A full content list of rules for someone who edited them is not case.

I don't mind if we want to show the blurbs as default for these lists (although it can also make them too long), but I would definitely not recommend having the 3 view options buttons...

[tiagov8]

EXTRA

Small UX one

• 1. I would have "Authored" as default and coming first (on the left), before "Last Modified"

[tiagov8]

EXTRA

Small UI one

I assume you all got the broken icon here:

[jakebayliss]

@tiagov8 - I definitely agree, but I think that's a bit of a nitpick of the idea as a whole. We have 2 pages doing almost the exact same thing, give or take a few features which I'm sure we could find a happy medium with. I would even argue that the gimme everything option shouldn't even be on the profile page anyway

[tiagov8]

@PothieuG

To summarize what needs to be done here:

• 1. Fix the 'load more' to be hidden if less than 8 rules. Then each 'load more' click should load 6 more rules
• 2. Make "Authored" view as default and coming first (on the left), before "Last Modified"
• 3. Make these lists to show the blurbs of rules
• 4. No need to add the other View Modes options (aka Titles / Blurb / Gimme Everything)... This is a feature bloat. In other words, cancel task 2 from the original Issue
• 5. Fix the breadcrumb as per ✨ UI Consistency - Improve Rule List Display #1951 (comment)

Note: The discussion about the Profile Page can be taken as a separate Issue. In fact there is an Issue for it with a comment with the preferred solution: #1983