Refactor Code for Desktop Compatability

[mirmirmirr]

This pull request introduces a major refactor of the application's state management and component structure, especially around course management and drag-and-drop functionality. The core logic for managing courses, filters, and drag-and-drop interactions has been moved from the App.tsx file into dedicated context providers and custom hooks. Additionally, course-related components have been modularized and specialized for different views (Catalog, Planner, Toolbox), resulting in a more maintainable and scalable codebase.

Key changes include:

State Management & Architecture

• Refactored global state management for courses and filters out of App.tsx, replacing prop drilling with CourseWorkspaceProvider and FilterProvider context providers, and encapsulated drag-and-drop logic in the useCourseWorkspace hook. This simplifies component props and centralizes state logic.

Component Modularization

• Split the generic Course component into specialized components for each context:
  • CatalogCourse for catalog display and adding to toolbox
  • PlannerCourse for planner view with right-click context menu and course manipulation options
  • ToolboxCourse for toolbox view with drag-and-drop styling
• Removed the old generic Course component, consolidating its logic into the new specialized components.

Dependency Updates

• Added the tailwind-scrollbar package to package.json for improved custom scrollbar styling.

---

References:
[1] [2] [3] [4] [5] [6]

[Copilot]

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

[Copilot]

Pull Request Overview

Copilot reviewed 43 out of 45 changed files in this pull request and generated 7 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[ccheung777]

💅🏻