feat: movie details

[izakdvlpr]

Description

Acknowledgements

• I read the PR Guidelines
• I linted and formatted the code by running npm run check
• The PR title follows the repo's commit conventions

Screenshots

Proof showing the creation/modification is working as expected

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 8253c20b-e1b4-47a8-91d5-e874162d7eff

📥 Commits

Reviewing files that changed from the base of the PR and between 28e104e and b501ecb.

📒 Files selected for processing (12)

• src/components/pages/details/community-stats.tsx
• src/components/pages/details/details-page-layout.tsx
• src/components/pages/details/more-options-dialog.tsx
• src/components/pages/details/quick-status-buttons.tsx
• src/components/shared/comments/index.tsx
• src/components/shared/modals/movie.tsx
• src/hooks/notification.ts
• src/lib/api.ts
• src/lib/i18n/locales/en-US/user.json
• src/routes/movie/$slug.tsx
• src/routes/search.tsx
• src/routes/tv/$slug.tsx

---

📝 Walkthrough

Walkthrough

The PR adds server-backed movie progress, review, favorite, and custom-list interactions. Movie and TV detail pages adopt shared card-based layouts and configurable controls. Movie details now render dynamic ratings, progress statistics, reviews, lists, comments, and production-company tooltips. Shared comments gain accessible spoiler labeling and nested reply actions. Search results receive translated empty states, and the movie progress API endpoint is added.

Estimated code review effort: 4 (Complex) | ~60 minutes

Sequence Diagram(s)

sequenceDiagram
  participant User
  participant MovieDetailsRoute
  participant MoreOptionsDialog
  participant MovieModal
  participant MovieAPI
  User->>MovieDetailsRoute: select movie action
  MovieDetailsRoute->>MoreOptionsDialog: open with favorite state
  MoreOptionsDialog->>MovieModal: open with movieId
  MovieModal->>MovieAPI: load progress, review, lists, and memberships
  MovieModal->>MovieAPI: save or delete movie data
  MovieAPI-->>MovieModal: return mutation result
  MovieModal-->>MovieDetailsRoute: close and invalidate queries

Loading

Possibly related PRs

• TrackGeek/web#112: Modifies movie review React Query usage and review rendering in the same movie route.
• TrackGeek/web#121: Touches the shared details component stack used by this PR.
• TrackGeek/web#123: Adds the Comments UI that this PR further modifies.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/movie-details

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}