Skip to content

Feature: Add Gallery Pagination and Image Sorting #111

Open
Open
Feature: Add Gallery Pagination and Image Sorting#111
Labels
area:galleryGallery page and image browsingarea:ui-componentsShared or reusable UI componentsblocked-byIssue is explicitly blocked by another issuebuildRequires build, lint, type, or compilation validationdependenciesIssue depends on another issue, package, or external resourceenhancementNew feature or requeststatus:blockedCannot proceed until another issue or decision is resolvedtype:accessibilityAccessibility, keyboard navigation, labels, or contrasttype:frontendReact, JSX, CSS, or client-side implementationtype:responsiveMobile, tablet, desktop, or responsive-layout worktype:testingAutomated, manual, visual, or browser testing

Description

@GenDelta
GenDelta
opened on Sep 22, 2026

Requirements

  • Implement client-side pagination for the Gallery with 18 images displayed per page.
  • Add a dropdown control for choosing image order: Oldest first or Newest first.
  • Follow the repository's existing component, styling, and responsive UI conventions.

Acceptance Criteria

  • The Gallery paginates images entirely on the client side.
  • Each page displays no more than 18 images.
  • Users can navigate between available gallery pages.
  • The sorting dropdown provides Oldest first and Newest first options.
  • Changing the sort order updates the displayed image order correctly.
  • Pagination resets or remains logically consistent when the sort order changes.
  • The controls are responsive and accessible.
  • The project builds successfully and existing gallery image viewing continues to work.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:galleryGallery page and image browsingarea:ui-componentsShared or reusable UI componentsblocked-byIssue is explicitly blocked by another issuebuildRequires build, lint, type, or compilation validationdependenciesIssue depends on another issue, package, or external resourceenhancementNew feature or requeststatus:blockedCannot proceed until another issue or decision is resolvedtype:accessibilityAccessibility, keyboard navigation, labels, or contrasttype:frontendReact, JSX, CSS, or client-side implementationtype:responsiveMobile, tablet, desktop, or responsive-layout worktype:testingAutomated, manual, visual, or browser testing

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions