Skip to content

ユーザー履歴ページのページネーション実装(申し込み履歴・作成履歴) #50

@oumelab

Description

@oumelab

概要

申し込み履歴ページ(UserRegistrationsPage)と作成履歴ページ(UserCreatedEventsPage)に
shadcn/ui Paginationコンポーネントを使用したページネーションを実装する。

背景

  • バックエンドAPIが既に limit/offset に対応済み
  • event-list.tsx でページネーション実装済み(パターン確立)
  • 大量の履歴データでのUX改善が必要

実装内容

  • UserRegistrationsPage にページネーション追加
  • UserCreatedEventsPage にページネーション追加
  • TanStack Query のページキャッシング最適化
  • URLクエリパラメータでページ状態管理
  • 統一されたページネーションコンポーネント化(再利用)

技術要件

  • shadcn/ui Pagination コンポーネント使用
  • React Router の useSearchParams でページ管理
  • 既存のバックエンドAPI活用(limit/offset)

関連: #48 (イベント一覧ページネーション実装済み)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions