Skip to content

Refactor Game Catalog post-catalog: compact benefits, reviews, How-it-works and actionable CTA#78

Open
Andrey1771 wants to merge 18 commits into
feature_editors-picksfrom
codex/improve-game-catalog-page-bottom
Open

Refactor Game Catalog post-catalog: compact benefits, reviews, How-it-works and actionable CTA#78
Andrey1771 wants to merge 18 commits into
feature_editors-picksfrom
codex/improve-game-catalog-page-bottom

Conversation

@Andrey1771

Copy link
Copy Markdown
Owner

Motivation

  • Reduce repetitive trust messaging and make the lower part of the Game Catalog genuinely useful for users who finished browsing the grid.
  • Provide honest, actionable recovery paths for undecided shoppers without inventing fake data (no fake “Top Rated” claims or per-game ratings).
  • Improve readability and maintainability by moving post-catalog UI into a small focused component instead of enlarging the catalog page file.

Description

  • Extracted the entire post-catalog area into a new component tale-gameshop/src/components/game-list-page/catalog-post-sections.tsx and replaced the inline blocks in game-list-page.tsx with <CatalogPostSections />.
  • Rebuilt the lower page structure into a compact 4-item benefits strip (Secure checkout, Instant key delivery, Refund policy, 24/7 support), a refined reviews/rating block (rating + two review cards + breakdown), a 3-step How it works block, an action-focused CTA banner (Still choosing?) and a short footer micro-copy.
  • Implemented actionable CTA buttons: Most Popular sets sortBy=popular, clears discounted and resets page=1; View Deals sets discounted=1 and page=1; both smooth-scroll to the catalog area via catalogSectionRef.scrollIntoView({ behavior: 'smooth' }).
  • Added URL query support and filtering for discounted=1 in game-list-page.tsx so deals are produced from real game fields (discountActive, finalPrice, price) and discounted is included in filter/reset flows (clearAllFilters deletes discounted).
  • Kept all catalog behavior and logic untouched: catalog-layout, catalog-grid, search input, filters sidebar, sorting UI, pagination, game card data and cart/wishlist/link behaviors were not modified.

Testing

  • Attempted a production build with npm run build in the tale-gameshop package which failed in the environment due to missing dev tooling (sh: 1: cross-env: not found).
  • Attempted lint with npm run lint which failed due to missing tslint (sh: 1: tslint: not found).
  • No automated unit tests were added or run as part of this change; runtime behavior for CTA actions and discounted filtering is implemented through URL params and was exercised locally in-code review (handlers and param patching added).

Codex Task

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant