brandonhach / rep

No build currently available, will deploy alpha soon for demo!

1 stars 0 forks source link

PR: Pagination on Moodboard Tab #26

Closed OrinSparks closed 2 months ago

OrinSparks commented 2 months ago

Overview

Completed the the infinite scroll pagination functionality for the Moodboard component.

User Stories

20

Features

Allows user to load the page while only loading a minimal amount of the possible moods.
Allows user load more pages of moods by scrolling rather than clicking through a pagination.
Newest moods are loaded at the top of the Moodboard.

Changes

Moved getMoodboards function to its own action at /actions/moodboards/get-moodboards.ts
Added loadMoreMoods function that loads a new page of 8 moods after scrolling to the bottom of the component.
Added Add and Submit handlers for the Create new mood functionality.
Moved the create new mood button to top right corner of component as overlay.

Known Issues or Bugs

Create new button styling not final.
Minor function and variable naming inconsistencies. Moodboard is a collection of moods. Each user would only have one Moodboard but have multiple moods within. Should be topic of discussion in future meeting.

Snapshots

Infinite scroll functionality: MoodboardInfinitePagination

New mood loaded at the top of Moodboard: NewMoodsAtTop